2

我想知道在不使用 js 的情况下选择单选按钮时是否有办法修改 html 项（即 div）。这是标记：

<div class="container">
    <input id="myRadioBtn" class="btn-radio" type="radio" name="name" value="value"/>
    <div class="box">BOX</div>
</div>

一旦选择了“myRadioBtn”，我希望“box”改变它的颜色。我知道我可以使用 js/jQuery，但如果可能的话，我只想用 CSS 来做。那可能吗？

4

2 回答 2

6 
#myRadioBtn:checked + .box {
    background-color:red;
}

http://jsfiddle.net/tyEys/

我无法检查它是否适用于 IE8。

编辑：您可以将 + 替换为 ~ 以仅选择收音机后紧接的 .box 。因此，如果您在收音机后有 2 个盒子，则第二个不会受到影响。

于 2013-11-01T19:22:49.610 回答
0 
input[type="radio"]:checked + .box {
    font-weight: bold;
}

jsFiddle 示例

于 2013-11-01T19:22:45.847 回答