javascript - 如何设置谷歌地图信息窗口的样式

Question

我有一个 vue-google-map，它需要在点击标记时显示一些内容。如何设置 infoWindow 的样式？这是我的代码，将 id iw-container 调用到 css 表中。

    this.infoWindow.position = location;
    this.infoWindow.template = '<div class="iw-container"><div 
      style="width:100%;">NAME OF PIN</div>'
      + '<div style="width:100%;">name and info</div></div>';
    this.infoWindow.open = true;

这是CSS:

#iw-container {
  background-color:pink;
}

但是 infoWindow 没有任何变化。

我也尝试像这样将样式直接设置到内容中:

this.infoWindow.position = location;
this.infoWindow.template = '<div style="background-color:pink;"><div 
  style="width:100%;">NAME OF PIN</div>'
  + '<div style="width:100%;">name and info</div></div>';
this.infoWindow.open = true;

但是颜色并没有完全实现信息窗口。谁能建议我能做什么或我应该改变什么？

Answer 1

在您的 css 代码中，您使用“#”作为类选择器使用“.”

.iw-container {
  background-color:pink;
}