如何更改平面UI复选框背景颜色

Question

我试图找出css类来覆盖Flat UI中的默认复选框样式，但即使花了4个小时，我也无法找出负责复选框设计的css类。

我想将默认的绿色背景覆盖为白色和绿色刻度标记为黑色，我必须在哪个类中执行此操作？请帮帮我。

Answer 1

我知道这是一篇很老的帖子，但我一直在寻找自己，我找到了答案。

因为复选框实际上是字体中的字符“你可以使用颜色属性来改变字体的颜色，所以

.checkbox input.custom-checkbox[type="checkbox"]:checked + .icons .icon-checked,
.radio input.custom-checkbox[type="checkbox"]:checked + .icons .icon-checked,
.checkbox input.custom-radio[type="radio"]:checked + .icons .icon-checked,
.radio input.custom-radio[type="radio"]:checked + .icons .icon-checked {
  color:#BAFF00;
}

Answer 2

也许尝试类似的事情：

.radio, 
.checkbox 
{
    background: green !important; 
}

Answer 3

嘿，只是使用相同的类来超越设计。但是你的css必须低于falt ui和bootstrap css。