更改选定元素的选定背景颜色

Question

我有这个：

<div id="root">
    <select onchange="go()">
        <option value="1" selected>A
        </option><option value="2">B
        </option><option value="3">C
        </option><option value="4">D
        </option><option value="5">E
        </option>
    </select>
</div>

如何将标准选定背景蓝色更改为红色???

我找不到任何解决方案，甚至找不到stackoverflow中其他问题的解决方案......

Answer 1

这段css会将属性selected的元素更改为红色

option[selected]{
    background:#ff0000;
}

我对这个选择器的浏览器支持不是百分百肯定...

Answer 2

您不能直接在select元素上执行此操作。您应该使用外部库，将您的选择转换为div模板，以便您更改样式。

我正在使用Chosen并且效果很好。