如果选中复选框,则突出显示标签并在范围内更改颜色
Highlight label and change color in span if checkbox is checked
如果checkbox被选中,我需要高亮显示label。并在此 label 中更改 span 的颜色。
标签工作正常,但我不知道如何在选中复选框时更改跨度的颜色。
HTML
<input class="check" type="radio" name="typeSelect" id="a" value="1" /><label class="labelcheck" for="a"> <span >Hello </span> World</label>
<input class="check" type="radio" name="typeSelect" id="b" value="2" /><label class="labelcheck" for="b"> <span >Hi </span> Again</label>
CSS
.check:checked + .labelcheck {
font-weight: bold;
}
.check:checked + .labelcheck + . span {
color: red;
}
由于 span 是标签的子项,您可以这样做:
.check:checked + .labelcheck {
font-weight: bold;
}
.check:checked + .labelcheck span {
color: red;
}
如果checkbox被选中,我需要高亮显示label。并在此 label 中更改 span 的颜色。 标签工作正常,但我不知道如何在选中复选框时更改跨度的颜色。
HTML
<input class="check" type="radio" name="typeSelect" id="a" value="1" /><label class="labelcheck" for="a"> <span >Hello </span> World</label>
<input class="check" type="radio" name="typeSelect" id="b" value="2" /><label class="labelcheck" for="b"> <span >Hi </span> Again</label>
CSS
.check:checked + .labelcheck {
font-weight: bold;
}
.check:checked + .labelcheck + . span {
color: red;
}
由于 span 是标签的子项,您可以这样做:
.check:checked + .labelcheck {
font-weight: bold;
}
.check:checked + .labelcheck span {
color: red;
}