将css样式应用于已禁用的所有元素

Question

我需要能够将css样式应用于所有被禁用的元素

$(document).ready(function() {
  $("input type:checkbox").attr("disabled", true).css("border","1px solid #000000");
});

似乎不起作用。任何想法？

Answer 1

尝试:checkbox和:disabled选择器

$(document).ready(function() { 
  $("input:checkbox:disabled").css("border","1px solid #000000"); 
}); 

如果你为它添加一个类而不是直接应用css会更好。像

这样的东西

.disabledcheckbx { border: 1px solid #000; }

然后

$(document).ready(function() { 
  $("input:checkbox:disabled").addClass("disabledcheckbx");
}); 

Answer 2

这将尝试将设置每个复选框的disabled属性设置为true。

你想要这个：

$(document).ready(function() {
  $(':checkbox:disabled').css('border', '1px solid #000;');
});

Answer 3

大多数浏览器都不支持

样式复选框，您可以在此test中看到。

但是如果你真的想要它，你可以尝试这个plugin