javascript - 有什么方法可以使 HTML 禁用的复选框变暗？

Question

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

       $('#test').attr("disabled", "true");

但我想让禁用复选框的背景更暗，因为很难判断它是否已禁用。有什么办法可以使用 HTML/CSS/JS>

Answer 1

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

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

  select[disabled] { opacity: .5 }

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