选择框选择颜色

Question

是否有可能改变框中的选择颜色？我只能找到答案如何更改悬停时的颜色，但我想更改所有选定项目的背景颜色。

我想这选择：

option[selected]{ 
    background-color: red; 
} 

option:checked{ 
    background-color: red; 
} 

，但我没有运气

Answer 1

如果想要可定制颜色/风格的复选框，跨浏览器的兼容性和版本兼容性最好的办法就是设计自己的复选框按钮与图像。然后创建一个隐藏的复选框并通过自定义复选框触发其属性。像onmouseover，onmouseout，onkeydown，onkeyup，onclick等事件将有助于你完全模拟常规复选框的功能和行为，但完全可以自定义。