选中的单选按钮标签的CSS选择器

选中的单选按钮标签的CSS选择器

尝试

+

符号：它是相邻的同级组合器。它结合了两个具有相同父级的简单选择器序列，第二个选择器必须在第一个选择器之后 立即 出现。

因此：

input[type="radio"]:checked+label{ font-weight: bold; }  //a label that immediately follows an input of type radio that is checked

适用于以下标记：

<input id="rad1" type="radio" name="rad"/><label for="rad1">Radio 1</label><input id="rad2" type="radio" name="rad"/><label for="rad2">Radio 2</label>

…，只要标签跟随无线电输入，它将适用于任何结构，无论是否带有div等。

例：

input[type="radio"]:checked+label { font-weight: bold; }<input id="rad1" type="radio" name="rad"/><label for="rad1">Radio 1</label><input id="rad2" type="radio" name="rad"/><label for="rad2">Radio 2</label>