css - 为不确定状态复选框自定义 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