Html 为什么我不能在InfoWindows中使用CSS来设置元素的样式？

我正在尝试更改信息窗口中元素的字体大小。 my InfoWindow的代码如下所示：

<InfoWindow 
          marker={this.state.activeMarker}
          visible={this.state.showingInfoWindow}
          onClose={this.onClose}
        >
          <div>
            <h1>{this.state.selectedPlace.name}</h1>
            <h4>{this.state.selectedPlace.busy}</h4>
          </div>
</InfoWindow>

---

有人知道怎么解决吗？从其他帖子中，我了解到实际的infoWindow很难编辑，但我认为它们的子元素不应该如此？

对于infoWindow，您可以覆盖.gm style.gm style iw的值，如前所述

您可以在CSS文件中添加类似的内容来更改信息窗口的样式：

.gm-style .gm-style-iw {
    font-size: 20px;
}

在ReactJS代码中调用InfoWindow时，也可以使用不同的样式元素，如下所示：

<InfoWindow>
                 <div>
                 <h1 id="firstHeading" class="firstHeading">Heading!</h1>
                 <span>This is InfoWindow message!</span>
              </div>
             </InfoWindow>

标题
这是信息窗口消息！

这是一个我用的地方。确保更改文件中API键的值，以便代码运行

这里还有一个例子，我在一个简单的JavaScript代码中使用CSS更改了infowindow样式

---

希望这有帮助

使用style属性只会完全删除我的页面，只会显示一个空白屏幕，并警告您接受的答案。这显然是错误的，你可能不应该使用它。如果CSS规则不起作用，那是因为您有另一个规则覆盖了它，或者由于某种原因它没有被应用。没有任何理由不能将此规则应用于信息窗口中的

元素。这也让我感到困惑，因为肯定没有其他CSS规则覆盖它，除非信息窗口对其子元素具有默认规则？我还确保了CSS文件被导入，我相信这是因为所有其他元素都在接受样式设置。。。检查

元素并查看应用了哪些样式。默认情况下，Google Maps样式表应用的

元素没有特定的样式，因此提供您自己的样式应该不会有任何问题。您能在堆栈片段或外部JSFIDLE/codesandbox中重现这个吗？这很容易失败，因为这些类名以及API输出的任何其他类名都没有文档记录。不要使用此解决方案。没有任何理由不使用这些类名就不能在信息窗口中设置

元素的样式。

<InfoWindow>
                 <div>
                 <h1 id="firstHeading" class="firstHeading">Heading!</h1>
                 <span>This is InfoWindow message!</span>
              </div>
             </InfoWindow>