html - 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();