是否可以将css(3)样式应用于选中单选按钮的标签
我有以下标记:
<;输入type=“radio”id=“rad”name=“radio”/>;
<;标签为=“rad”>;标签</标签>;
我希望的是
标签:选中{font-weight:bold;}
我想做点什么,但可惜没有(如我所料)
是否有一个选择器可以实现这种功能?如果有帮助的话,可以使用div等,但是最好的解决方案是使用标签“for”属性
应该注意的是,我能够为我的应用程序指定浏览器,所以请选择最好的css3等
尝试使用+符号:
它是相邻的兄弟组合子。它组合了两个具有相同父项的简单选择器序列,第二个选择器必须紧跟在第一个选择器之后
因此:
输入[type=“radio”]:选中+标签{font-weight:bold;}
//一种标签,紧跟在选中的radio类型的输入之后
对于以下标记非常有效:
<;输入id=“rad1”type=“radio”name=“rad”/>&书信电报;=“rad1”的标签>;第一台</标签>;
<;输入id=“rad2”type=“radio”name=“rad”/>&书信电报;=“rad2”的标签>;第二台</标签>;
。。。只要标签跟随无线电输入,它将适用于任何结构,带或不带div等
示例:
输入[type=“radio”]:选中+标签{font-weight:bold;}
<;输入id=“rad1”type=“radio”name=“rad”/>&书信电报;=“rad1”的标签>;第一台</标签>;
<;输入id=“rad2”type=“radio”name=“rad”/>&书信电报;=“rad2”的标签>;第二台</标签>