为不确定状态自定义CSS复选框

时间:2014-02-10 09:40:37

标签: css checkbox

我有一个启用三态复选框的功能。

以下是Chrome中显示的复选框的快照:

enter image description here

上面快照中的第三个复选框具有indeterminate状态。此状态具有特定于浏览器的CSS。

我需要将第三个复选框的CSS更改为:enter image description here

我对CSS很新。任何帮助将不胜感激。

提前致谢。

1 个答案:

答案 0 :(得分:4)

这是:indeterminate选择器..

https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate

tag.class:indeterminate {}

在这种情况下,您可以将background:属性更改为您喜欢的图像。

有些事情:

tag.class:indeterminate {
    background: url("/image");
}

我建议您查看:checked的处理方式,以便为您的复选框设置样式:

编辑:或者@FelixLahmer添加,使用:http://www.csscheckbox.com/css-checkbox-generator.php