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

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

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

我正在使用Chosen，效果很好。