2012-05-21 153 views
0

我有一個選擇列表:CSS:樣式選擇的選擇列表

<select multiple="multiple"> 
<option value="1">Macrostructures</option> 
<option value="2">Woven</option> 
<option value="3">Mystic Bird</option> 
</select> 

現在,當somepody選擇一個選項,選項有一個藍色的背景。我知道想改變背景顏色。

我已經嘗試過:

select option:checked { background: #787878; } 

但是,這是行不通的。如何正確的選擇器?

問候

+0

它是低於 重複http://stackoverflow.com/questions/2402146/html-select-selected-option-background-color- CSS樣式 謝謝, – ravi

回答

1

檢查這個

$('select').change(function() { 
$('option').css('background', 'none'); 
$('option:selected').css('backgroundColor', 'red'); 
}).change(); 
+0

啊,你可能想指出,這是jQuery,因爲用戶沒有用jQuery或javascript標記問題。 – Faust

+0

真的沒有css的方式嗎? 除此之外,感謝您的解決方案。 – bodokaiser