css - 更改选中单选按钮的不透明度

我有这个HTML：

<label class="fakeRadio active">
   <input type="radio">
</label>

这是我的CSS：

.fakeRadio input[type=radio]:checked  + .fakeRadio.active {
    opacity:0.5;
}

由于某种原因，fakeRadio活动类没有得到不透明性，为什么？

最佳答案

将您的CSS更改为

演示http://jsfiddle.net/kevinPHPkevin/mwNFD/
如果您只想更改标签，请执行此操作
演示http://jsfiddle.net/kevinPHPkevin/mwNFD/

.fakeRadio input[type=radio]:checked, .fakeRadio.active {
    opacity:0.5;
}

关于css - 更改选中单选按钮的不透明度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18448149/