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

是否可以将css(3)样式应用于选中单选按钮的标签

我有以下标记:

<输入type=“radio”id=“rad”name=“radio”/>
<标签为=“rad”>标签&lt/标签>

我希望的是

标签:选中{font-weight:bold;}

我想做点什么,但可惜没有(如我所料)

是否有一个选择器可以实现这种功能?如果有帮助的话,可以使用div等,但是最好的解决方案是使用标签“for”属性

应该注意的是,我能够为我的应用程序指定浏览器,所以请选择最好的css3等

尝试使用+符号:
它是相邻的兄弟组合子。它组合了两个具有相同父项的简单选择器序列,第二个选择器必须紧跟在第一个选择器之后

因此:

输入[type=“radio”]:选中+标签{font-weight:bold;}
//一种标签,紧跟在选中的radio类型的输入之后

对于以下标记非常有效:

<输入id=“rad1”type=“radio”name=“rad”/&gt&书信电报;=“rad1”的标签>第一台&lt/标签>
<输入id=“rad2”type=“radio”name=“rad”/&gt&书信电报;=“rad2”的标签>第二台&lt/标签>

。。。只要标签跟随无线电输入,它将适用于任何结构,带或不带div等

示例:

输入[type=“radio”]:选中+标签{font-weight:bold;}
<输入id=“rad1”type=“radio”name=“rad”/&gt&书信电报;=“rad1”的标签>第一台&lt/标签>
<输入id=“rad2”type=“radio”name=“rad”/&gt&书信电报;=“rad2”的标签>第二台&lt/标签&gt

发表评论