Javascript 有没有办法使HTML禁用复选框变暗？

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

$('#test').attr("disabled", "true"); $（'#test'）.attr（“disabled”，“true”）；

---

但是我想把禁用复选框的背景调暗一些，因为现在很难判断它是否禁用。使用HTML/CSS/JS>

有什么方法可以做到这一点吗。复选框的呈现方式由浏览器决定。您必须使用基于JavaScriptt的自定义解决方案来替换它，以提供自定义呈现，但这会带来其他问题

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

  select[disabled] { opacity: .5 }

---

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

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

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

---

您可以尝试将复选框包装到容器

div

，并使用

input:disabled

CSS规则，如下所示：

---

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

在Firefox中，禁用复选框的背景色比启用复选框的背景色浅。因此，通过使其变暗，您将更难判断它是否被禁用。这不是一个解决方案，只是一个补充-因为只适用于Webkit浏览器：）您还可以使用

input[disabled]

而不是

input:disabled

，以实现向后兼容性。