您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

选中的单选按钮标签的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>
CSS 2022/1/1 18:23:37 有299人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶