如何在禁用输入时更改的颜色？

我有一些标签，如：

  Label text  

有时被禁用

 $("#the_name").prop('disabled', true); 

没问题，但我想更改标签文字颜色，使其更加明显。 是否可以使用Jquery和/或CSS？

Answer 1

您可以通过选择输入的父级并在禁用控件时添加到css规则来为标签添加css规则

 $("#the_name").prop('disabled', true).parent().css({backgroundColor:'#fcc'}); 

---

另外，我认为标签应该像这样使用：

 Label text  

其中label的属性与目标控件的id匹配

在这种情况下，您可以通过它的属性选择标签，并根据您的需要应用css – 如下所示：

 $("#the_id").prop('disabled', true); $('label[for=the_id]').css({backgroundColor:'#fcc'}); 

请参阅演示小提琴： http ： //jsfiddle.net/bq52X/

Answer 2

这可以在CSS中完成，但仅在标签位于输入标记之后。 例如：

HTML：

 Type text: 

CSS：

 input[disabled] + label { *whatever style you want when input is disabled* } ; 

Answer 3

是的，如果您想要将禁用的输入标签文本设置为不同的颜色，那么您可以将一个css类添加到标签。

 $("#the_name").prop('disabled', true).parent('label').addClass('disabled-label'); 

然后，您可以通过样式表而不是脚本文件或html文件来控制样式。

考虑不将输入包装在label标签内，因为我觉得它可以让你更好地控制样式。

Answer 4

我没有听到任何关于不透明度的人：

 .css('opacity', '0.5'); 

Answer 5

一种选择：

 $("#the_name").parent('label').css('color','silver');