使用css覆盖Google地图内联样式

Question

我正在尝试覆盖新的Google地图内联样式，以便将我自己的应用于CSS。 我不能使用Jquery，因为它会与Mootools冲突（我使用的是Joomla）。

问题在于上半部分＆＃34; infowindow＆＃34;覆盖了地图的一大部分（加上点气泡），我想稍微限制它，因为280px的给定宽度太大了。

使用萤火虫我发现了这个：

<div id="featureListPanel" class="b0t70b-haAclf" style="display: block; z-index: 0; position: absolute; left: 0px; top: 144px; width: 280px;"

但我的风格无法理解：

div#featureListPanel [style] {width: 271px !important;}

我该如何解决这个问题？

PS。我甚至试过这个：

body div[class*="b0t70b-haAclf"] {width: 271px !important;}

没有运气.. Google Maps Api会阻止我用CSS触摸它吗？

编辑：有一张图片可以帮助您理解我的意思。提到的信息包括红色包围。

Answer 1

div#featureListPanel [style] {width: 271px !important;} [style]不是css的有效方式

所以只需使用它：

div#featureListPanel {width: 271px !important;}

即使不工作也试试这个

body div#featureListPanel [style] {width: 271px !important;}