Css 选中单选按钮更改不透明度

我有这个html：

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

出于某种原因，fakeRadio活动类没有获得不透明度，知道为什么吗

将CSS更改为

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

演示

如果要更改标签ony，请执行此操作

演示

标签文本
输入[type=“radio”]：选中+标签{
不透明度：0.5；
}

您正在尝试使用CSS级别4和父选择器

在这里阅读更多

最好用这个

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

---

好的，所以解决方案只是javascript？Musa-任何解决方案？只需使用逗号

，

而不是

+

，它就会工作得很好。

.fakeRadio input[type=radio]

与

相同。fakeRadio.active

，它正在选择相同的元素。Mostafa Adly-好的，这是可行的，但是现在他们两个都得到了不透明度，我怎样才能使只有父标签得到不透明度呢？谢谢，从您链接到的条目中只有几行，在W3C，同一文档清楚地表明主题选择器在CSS 4中不可用（如当前所写）：

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



input[type="radio"]:checked +label {
    opacity:0.5;
}

E! > F  an E element parent of an F element

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

.fakeRadio input[type=radio] + label[for=myInput] {
        margin-left:-4px;
    }

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