更改选择元素

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> 

我怎样才能改变标准选择的背景蓝色到红色???

我找不到任何解决方案，甚至在计算器其他问题的...

Answer 1

这一块的CSS将与属性selected更改元素红色

option[selected]{ 
    background:#ff0000; 
} 

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

Answer 2

你不能直接在select元素上做。您应该使用外部库，将您的选择转换为div模板，以允许您更改样式。我使用Chosen，它运作良好。