html - 如果选中 radio ，标签周围的边框-6ren

html - 如果选中 radio ，标签周围的边框

转载作者：行者123 更新时间：2023-11-28 05:03:04

25

4

<分区>

Possible Duplicate:
Highlight label if checkbox is checked (html/css)

如果选中 radio ，我希望标签有红色边框。

到目前为止的代码:

HTML:

<center style="margin-top:20px;">

<label class="big">
This is a box 1
<input name="radio-group1" type="radio" />
</label>

<br/>

<label class="big">
This is a box 2
<input name="radio-group1" type="radio" class='sex' />
</label>

</center>

CSS:

.big {
    display:block;
    width:100px;
    height:100px;
    background-color:gainsboro;
    cursor:pointer;
}

.big:hover {

    border:1px solid blue;
}

请不要使用 JS 解决方案。我一直在尝试使用 sibling 和 children 选择器，但没有成功。