任何使 HTML 禁用复选框变暗的方法

Any way to make HTML disabled checkbox darker?

本文关键字：方法 复选框 HTML 任何使      更新时间：2023-09-26

我正在使用javascript禁用复选框：

$（'#test'）.attr（"disabled"， "true"）;

但我想使禁用复选框的背景更暗，因为很难说它已被禁用。有没有办法使用 HTML/CSS/JS来做到这一点

不容易。复选框的呈现方式由浏览器决定。您必须将其替换为基于 JavaScritpt 的自定义解决方案才能为其提供自定义渲染，但这会带来其他问题。

不过，您可以做的是使禁用的复选框更加透明：

  select[disabled] { opacity: .5 }

这适用于IE>= 9和所有其他主要浏览器。

您可以尝试将复选框包装在容器div中，并使用input:disabled这样的 CSS 规则： jsFiddle 示例。

我已经在最新的Windows版本的Internet Explorer，Firefox，Chrome，Opera和Safari中对此进行了测试。

您可以为禁用的输入表单元素指定 CSS 样式，如下所示：

input[disabled]{
 color:#666 !important; // Whatever styling here...
 opacity: .3;
}
相关文章：