jquery – 如果禁用输入时如何更改颜色?

前端之家收集整理的这篇文章主要介绍了jquery – 如果禁用输入时如何更改颜色?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些标签,如:
<label>
     <input type="checkBox" name="the_name" id="the_name" /> Label text
  </label>

有时被禁用

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

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

解决方法

您可以通过选择输入的父级并在禁用控件时将其添加标签中来添加CSS规则
$("#the_name").prop('disabled',true).parent().css({backgroundColor:'#fcc'});

另外,我认为标签是这样使用的:

<label for="the_id">Label text</label>
<input type="checkBox" name="the_name" id="the_id" />

标签的for属性与目标控件的id匹配

在这种情况下,您可以通过属性选择标签,并按照您的需要应用css,如下所示:

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

参见小提琴演示:http://jsfiddle.net/bq52X/

原文链接:https://www.f2er.com/jquery/180342.html

猜你在找的jQuery相关文章