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

Question

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

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

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

我需要将第三个复选框的CSS更改为：

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

提前致谢。

Answer 1

这是:indeterminate选择器..

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

tag.class:indeterminate {}

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

有些事情：

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

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

• Change checkbox check image to custom image

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