已选中单选按钮标签的CSS选择器

Question

已选中单选按钮标签的CSS选择器是否可以将css（3）样式应用于选中的单选按钮的标签？我有以下标记：<input type="radio" id="rad" name="radio"/><label for="rad">A Label</label>我希望是那样的label:checked { font-weight: bold; }会做点什么，但唉它没有（正如我预期的那样）。是否有可以实现此类功能的选择器？如果有帮助，您可以使用div等环绕，但最好的解决方案是使用标签''for''属性。应该注意的是，我能够为我的应用程序指定浏览器，所以请最好使用css3类等。

Answer 1

我知道这是一个老问题，但是如果你想<input>成为一个孩子，<label>而不是让它们分开，这里有一个纯粹的CSS方式你可以完成它：

:checked + span { font-weight: bold; }

然后用以下内容包装文本<span>：

<label>
   <input type="radio" name="test" />
   <span>Radio number one</span></label>

在JSFiddle上看到它。