用css覆盖Google地图内联样式
我试图覆盖新的谷歌地图内联样式,以便用CSS应用我自己的样式。 我不能使用Jquery,因为它会与Mootools冲突(我使用的是Joomla) 问题是左上角的“infowindow”覆盖了地图的大部分(加上点气泡),我想限制它一点,因为给定的280px宽度太大了 使用firebug,我发现:用css覆盖Google地图内联样式,css,google-maps,Css,Google Maps,我试图覆盖新的谷歌地图内联样式,以便用CSS应用我自己的样式。 我不能使用Jquery,因为它会与Mootools冲突(我使用的是Joomla) 问题是左上角的“infowindow”覆盖了地图的大部分(加上点气泡),我想限制它一点,因为给定的280px宽度太大了 使用firebug,我发现: <div id="featureListPanel" class="b0t70b-haAclf" style="display: block; z-index: 0; position: absol
<div id="featureListPanel" class="b0t70b-haAclf" style="display: block; z-index: 0; position: absolute; left: 0px; top: 144px; width: 280px;"
我怎样才能解决这个问题
我甚至试过这个:
body div[class*="b0t70b-haAclf"] {width: 271px !important;}
不走运。。谷歌地图Api阻止我用CSS或者什么来触摸它吗
编辑:有一张图片可以帮助你理解我的意思。上面提到的信息窗口被红色包围。
div#featureListPanel[style]{宽度:271px!重要;}
[style]不是css的有效方式
所以简单地使用这个:
div#featureListPanel {width: 271px !important;}
如果你不工作,试试这个
body div#featureListPanel [style] {width: 271px !important;}
嗯,[style]是一个属性选择器。为什么无效?这是通过mapsengine创建的嵌入(在iframe中)地图吗?问得好:)@Dr.Molle抱歉,我没有收到你回复我的通知!是的,它嵌入在从GMAP复制的iframe中。我用图片编辑了这篇文章,以帮助读者理解我的意思。没有办法从父页面覆盖这些样式
body div#featureListPanel [style] {width: 271px !important;}