CSS：样式选择的选择列表

Question

我有一个选择列表：

<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; } 

但是，这是行不通的。如何正确的选择器？

问候

Answer 1

检查这个

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