在Internet Explorer

一個選擇標籤CSS選擇器我有這一塊HTML在Internet Explorer

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

我需要改變選擇菜單的寬度。我不能在select標籤中使用width屬性，因爲HTML是自動生成的。所以我只需要使用CSS選擇器。我試圖選擇與以下的菜單，並在谷歌瀏覽器都工作...

select[multiple]{ 
    width:320px; 
} 

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

但他們不工作與Internet Explorer。我不能只使用select，因爲我不想更改表單中的其他選擇菜單。

如何更改在Internet Explorer中選擇菜單的樣式？

2012-02-22 leonel

請給整個HTML樹到那個選擇。這種形式有沒有獨特之處？ – 2012-02-22 16:36:04

不回答這個問題，但這裏有一個網站添加到您的工具，如果你還沒有使用它：http://caniuse.com/。 – 2012-02-22 16:36:50

你沒有在IE6中測試，是嗎？ – BoltClock 2012-02-22 16:41:09

試試這個：

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

通過轉義括號，CSS識別它們。適用於IE8和7（仿真）。在Chrome中也很好。這裏有一個小提琴證明：http://jsfiddle.net/97xnb/

信貸必須去這個網站，我發現這個想法：PigsLipstick

2012-02-22 16:46:14

這是最好的方法。選擇器'select [multiple]'也可以在IE 8上工作，但是頁面不能再觸發怪癖模式。 – 2012-02-22 16:57:29

這也適用於IE6，假設OP在IE6中測試，因爲兩個屬性選擇器都應該在IE7 +中工作。 – BoltClock 2012-02-22 17:07:04

回答