Html 选中单选按钮时的CSS选择器

我使用图像作为单选按钮：

                <label class="radio-inline thumbs"><input type="radio" id="type_nee" name="type" value="nee" onkeyup="validate()" onclick="validate()"> <img src="assets/images/basis.png"  height="75"> </label>
                <label class="radio-inline thumbs"><input type="radio" id="type_ja" name="type" value="ja" onkeyup="validate()" onclick="validate()"> <img src="assets/images/bottom.png" height="75"> </label>

通过以下方式使图像透明：

.thumbs{opacity:0.5;}

我想在单击图像（=单选按钮）时删除不透明度过滤器。 使用哪种CSS选择器？ 我试过了

.thumbs:active{opacity:1;}

及

---

没有结果。当选中图像（=单选按钮）时，有没有关于如何删除不透明度过滤器的建议？

我的示例，只需更改HTML和CSS即可

input[type=radio]：非（旧）{
宽度：28px；
保证金：0；
填充：0；
不透明度：0；
}
.thumbs{不透明度：0.5；}
.testchecked:checked+label>img{opacity:1；}

它是

：选中的

，但您必须在正确的元素上使用它-选中的不是标签。。。并且不能在DOM中向上选择，因此不能基于复选框状态更改标签的样式。你所能做的，就是设计图像的样式，因为这是复选框的一个兄弟。很好！！谢谢你让我大开眼界。

.thumbs:active{opacity:1;}

.thumbs:checked{opacity:1;}