用css覆蓋谷歌地圖內聯樣式

我試圖覆蓋新的谷歌地圖內聯樣式，以便將自己的CSS應用到自己的應用中。我無法使用Jquery，因爲它會與Mootools衝突（我使用Joomla）。用css覆蓋谷歌地圖內聯樣式

問題是，左上角的「infowindow」覆蓋了地圖的大部分（加上點泡泡），我想限制它有點像280px給定寬度太多。使用Firebug我覺得這

：

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

，但我的風格不能ovveride它：

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

我該如何解決這個問題？

PS。我甚至試過這個：

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

沒有運氣..谷歌地圖Api是否阻止我用CSS來觸摸它或什麼？

編輯：有一張圖片可以幫助你理解我的意思。被紅色包圍的是infowindow提到的。 Annoing Google Infowindow

這是一個嵌入式（在iframe中）通過mapsengine創建的地圖？ –

真的很好的問題:) – KunJ

@ Dr.Molle對不起，我沒有收到通知你回覆我！是的，它嵌入在從gmaps複製的iframe中。我用圖像編輯帖子，以幫助讀者理解我的意思。 –

div#featureListPanel [style] {width: 271px !important;} [風格]不是CSS的有效途徑

所以，簡單地使用：

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

如果連不起作用試試這個

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

2013-09-29 12:45:23

那麼，[樣式]是一個屬性選擇器。爲什麼它是無效的？ –

回答