無法更改「選項」裏面的html「選擇」標籤

Question

的backgound彩我有一個select HTML標籤，我想option的background-color到行之間交替，以下是我嘗試

<select name="j_idt8:j_idt13" size="1">  
    <option value="value1" class="option1">label1</option> 
    <option value="value2" class="option2">label2</option> 
    <option value="value3" class="option1">label3</option> 
    <option value="value4" class="option2">label4</option> 
    <option value="value5" class="option1">label5</option> 
</select> 

option.option1 { 
    background-color: #ccc; 
} 

option.option2 { 
    background-color: #fcc; 
} 

這隻適用於FF，但不適用於Chrome和safari，CSS的guru能幫我解決這個問題嗎？我附加了jsfiddle，以便您可以在不同的瀏覽器之間打開它們。

http://jsfiddle.net/cYEE2/

注意： 鉻：20.0.1132.47
Safari瀏覽器：5.1.7
火狐：13.0.1

Answer 1

能夠使用CSS來改變個人OPTION元素的格式中不幸的是，SELECT元素是特定於瀏覽器的。以上的CSS不適用於某些瀏覽器。

對於您可以使用的SELECT元素，可以使用CSS友好的替代方法。 jQuery插件。

Answer 2

着色選擇選項在所有的瀏覽器不支持，即使它是有通常與墊襯等問題

我的建議是在其支持瀏覽器（Firefox充分，鍍鉻部分而忽略簡單地使用它填充和Safari瀏覽器），並忘記它那些沒有。

其他瀏覽器根本不支持此選項。