这是列中每一行的呈现的html
<div class="maRow"> <label> <input checked="" type="checkbox" name="maCheckBox" data-parent="0" value="21312">Some Text</label> </div>
我需要怎么做才能将带有文本的选中复选框设置为粗体（默认），而将带有文本的未选中复选框设置为浅灰色而不是粗体？
看起来每个标签的字体粗细为700，那么如何根据是否选中此复选框来更改字体粗细？
（可能）已经有很多帖子回答了，这是一篇，（ ）
使用css选择器input:checked{}然后将样式应用于基础元素
<div class="maRow">
<label>
<input checked="" type="checkbox" name="maCheckBox" data-parent="0" value="21312"><span>Some Text</span></label>
</div>
.maRow input[type=checkbox] + span{
font-weight:normal;
color: gray;
}
.maRow input[type=checkbox]:checked + span{
font-weight:bold;
color:black;
}