自定义infowindow谷歌地图错误

Question

我正在尝试自定义谷歌地图的信息，但是我无法移除白盒子。

有人可以帮帮我吗？

代码（CSS）：

.gm-style-iw {
  background:black;
  border:2px solid black;
  opacity: 0.95;
  color:white;
  margin-top: 65px;    
  margin-left: 68px;
  position: fixed;
}

/*Code to remove arrow and close button*/

.gm-style div div div div div div div div div {
  display: none;
}

.gm-style-iw + div {
  display: none;
}

Answer 1

将/*Code to remove arrow and close button*/下的规则替换为：

.gm-style div div div div div div div {
  visibility: hidden;
}
.gm-style-iw + div {
  display: none;
}
.gm-style div div div div div div.gm-style-iw div div {
  visibility: visible;
}

第一个规则隐藏了白色框，但也隐藏了黑色信息窗口中的文本，因此第三个规则使文本再次可见。

看看this JSBin，看看一个有效的例子。