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