【问题标题】:Customize CSS for indeterminate state checkbox为不确定状态复选框自定义 CSS
【发布时间】:2014-02-10 09:40:36
【问题描述】:

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

以下是 Chrome 中出现的复选框的快照:

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

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

我对 CSS 相当陌生。任何帮助将不胜感激。

提前致谢。

【问题讨论】:

  • 你看过这个吗? stackoverflow.com/questions/4148499/… 有很多教程/示例/生成器之类的东西。
  • 你要覆盖哪些浏览器?
  • @keaukraine 感谢您的链接。我会试试看。
  • @albert 我想介绍几乎所有可用的浏览器。
  • 在所有兼容的浏览器中,我的回答 @varunvlalan 让你得到满足。

标签: css checkbox


【解决方案1】:

这是: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

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2019-01-21
  • 2013-05-23
  • 2020-09-01
  • 1970-01-01
  • 1970-01-01
  • 2020-05-04
  • 1970-01-01
  • 2015-11-02
相关资源
最近更新 更多