已选中单选按钮标签的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&nbsp;+&nbsp;span&nbsp;{&nbsp;font-weight:&nbsp;bold;&nbsp;}然后用以下内容包装文本<span>：<label> &nbsp;&nbsp;&nbsp;<input&nbsp;type="radio"&nbsp;name="test"&nbsp;/> &nbsp;&nbsp;&nbsp;<span>Radio&nbsp;number&nbsp;one</span></label>在JSFiddle上看到它。