求助checkbox选中时字体严实变红

Question

extjscss checkboxcheckboxextjs

Answer 1

我勾选的时候加入了样式看我截图，默认font 有个color ，所以我勾选的时候加入的样式无效了吗？
新手啊请问怎么覆盖

Answer 2

对了，我这个样式是给他的parent赋值的（id = ext-gen76）  的div <DIV style="WIDTH: 139px" id=ext-gen76 class=x-form-check-wrap><INPUT id=100003 class=" x-form-checkbox x-form-field" value=100003 CHECKED type=checkbox name=100003 autocomplete="off">
<LABEL id=ext-gen77 class=x-form-cb-label for=100003>
<FONT color=#15428b>TDL</FONT>
</LABEL></DIV>我勾选的时候加入了样式看我截图，默认font 有个color ，所以我勾选的时候加入的样式无效了吗？
新手啊请问怎么覆盖

Answer 3

check : function(el) {
if (this.checked) {
alert(el.getEl().parent().toString());
el.getEl().parent()
.removeClass();
el.getEl().parent()
.addClass('label_on')
}
我勾选的时候加入了样式看我截图，默认font 有个color ，所以我勾选的时候加入的样式无效了吗？
新手啊请问怎么覆盖

Answer 4

勾选时，$('#ext-gen77 font').attr('color','red');

Answer 5

谢谢提醒，但是这个class是自动生成的呢

Answer 6

先确定你的勾选框和TDL是否存在父子关系。

Answer 7

谢谢了，效果是出来了，我用了这个样式，但是不知道这样写合理不合理，还有一点需要再问一下大家，默认勾选的样式无法触发，
我这个变红的样式是由于写在check事件里面触发
 .label_on font{ color: red; }
谢谢提醒，但是这个class是自动生成的呢

Answer 8

TDL是什么，我新手不是很了解

Answer 9

TDL是什么，我新手不是很了解其实我真正想的是写一个checkbox的checked时候的样式，这样就不需要触发什么了吧，但是不会写，也不知道这样是否可行，所以采用了点击后改变样式的方法，但是这样又无法对默认载入时候的checked进行变红处理var net2 = new Ext.form.Checkbox({ // name : "netName",
id : store.getAt(i).data.id,
boxLabel : getFont(netName),
labelSeparator : "",               
inputValue : netId,
width : 150,
checked : netId == '100003' ? true : false,
listeners : {
check : function(el) {
if (this.checked) {
el.getEl().parent()
.addClass('label_on')
} }
}
});

Answer 10

你<font>是自己生成的，还是你自己加的。自己加的就去掉。因为font里面设置了color，纯css无法搞定，各种浏览器表现不一致input:checked + label {
  color: red;
}A+B的含义是，对紧跟着A的B元素设置CSS
当然，你可以根据你的情况，对自己加号前面的input:checked改写成更加复杂，定位更精确。