选择框选择颜色

Question

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

我试过这个选择器：

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

option:checked{
    background-color: red;
}

但我没有运气

Answer 1

如果你想要一个自定义的彩色/样式复选框，跨浏览器兼容性和版本兼容性的最佳方法是设计一个带图像的复选框按钮。然后创建一个隐藏的复选框，并通过自定义复选框触发其属性。像onmouseover，onmouseout，onkeydown，onkeyup，onclick等事件将帮助你exaxtly模拟常规复选框的功能和行为，但完全可定制。