单击时如何使标签不透明？

Question

我希望在四行中选择的每个选项在单击时更改为不透明。我还需要隐藏收音机。抱歉我的英语很差“/

见这里：http://leagueipsum.blogspot.com.br/p/boosting_1.html

Answer 1

在CSS的帮助下 - 您需要将opacity:0.5从#wrapper label移开并将其放在孩子身上，并在{{}}上添加不透明度更改{1}}和:hover，如下所示：

:checked

Answer 2

您要做的是绝对将input放在屏幕上并使用:checked伪选择器和+相邻的兄弟选择器来切换label的不透明度，像这样：

<强> HTML

<input id="radio" type="radio">
<label for="radio">Label</label>

<强> CSS

input[type=radio]{
    left:-9999px;
    position:absolute;
}
label{
    opacity:.75;
}
:checked+label{
    opacity:1;
}