CSSセレクタ

私は選択メニューの幅を変更する必要があるHTMLCSSセレクタ

<select multiple="" name="colonia_id[]" id="colonia_id[]" onchange="" size="10"></select>

のこの作品を持っています。 HTMLが自動的に生成されるので、selectタグのwidth属性だけを使うことはできません。だから私はCSSセレクタを使用する必要があります。私は以下のメニューを選択しようとしていますが、両方ともGoogle Chromeで動作します...

select[multiple]{ 
    width:320px; 
} 

select[name="colonia_id[]"]{ 
    background-color:yellow; 
}

しかし、インターネットエクスプローラでは機能しません。私は変更したくないフォームの中に他の選択メニューがあるので、単にselectを使うことはできません。

インターネットエクスプローラでその選択メニューのスタイルを変更するにはどうすればよいですか？

2012-02-22 leonel

その選択に全体HTMLツリーのアップをお願いします。その形でユニークなものは何もありませんか？ –

質問には答えませんが、既にツールを使用していない場合は、ツールに追加するサイトがあります：http://caniuse.com/ –

あなたはIE6でテストしていませんか？ – BoltClock

このお試しください：括弧をエスケープすることにより

#colonia_id\[\] { 
    background-color:yellow; 
}

を、CSSはそれを認識しています。 IE8と7（エミュレート）で動作します。 Chromeでもうまくいく。ここで実証するフィドルです：http://jsfiddle.net/97xnb/

クレジットは、私がアイデアを見つけ、このサイトにアクセスする必要があります。PigsLipstick

2012-02-22 16:46:14

それが最善の方法です。セレクタ 'select [multiple] 'もIE 8では動作するはずですが、そのページでQuirksモードを起動してはいけません。 –

これは、IE6でOPがテストされていると仮定してIE6でも動作します。これは、両方の属性セレクタがIE7 +で動作するためです。 – BoltClock

答えて