Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用css覆盖Google地图内联样式_Css_Google Maps - Fatal编程技术网

用css覆盖Google地图内联样式

用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

我试图覆盖新的谷歌地图内联样式,以便用CSS应用我自己的样式。 我不能使用Jquery,因为它会与Mootools冲突(我使用的是Joomla)

问题是左上角的“infowindow”覆盖了地图的大部分(加上点气泡),我想限制它一点,因为给定的280px宽度太大了

使用firebug,我发现:

<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;}