CSS-为什么我不能更改复选框的颜色？

Question

我尝试设置复选框背景颜色的样式，但是无论做什么都不会改变。我正在使用最新的Firefox 29。

CSS中是否有一些规则更改，或者可能在浏览器中？

CSS：

input[type="checkbox"] {
    background: #990000;    
}

.chk {
   background-color: #990000;

}

Answer 1

复选框无法设置样式。您将需要一个第三方js插件，这里有很多可用的插件。

如果要自己执行此操作，则基本上涉及隐藏复选框以创建一个元素并对其进行样式设置，然后将其click事件绑定到两个函数，一个用于更改其外观，另一个用于激活复选框的click事件。

尝试为下拉选择元素上的小向下箭头设置样式时，会出现相同的问题。