新しい Google マップのインライン スタイルをオーバーライドして、独自の CSS を適用しようとしています。Mootools (私は Joomla を使用しています) と競合するため、Jquery を使用できません。
問題は、左上の「情報ウィンドウ」がマップの大部分 (およびポイント バブル) を覆っていることです。与えられた 280 ピクセルの幅は大きすぎるので、少し制限したいと思います。
firebug を使用すると、次のことがわかります。
<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に触れるのを妨げていますか?
編集：私の言いたいことを理解するのに役立つ画像があります。赤で囲まれているのは、前述の情報ウィンドウです。
