如果选中收音机,我希望标签获得红色边框。
到目前为止的代码:
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 解决方案。我一直在尝试使用兄弟和儿童选择器,但没有成功。
JSFIDDLE:http: //jsfiddle.net/QqVCu/10/