我想在单击时突出显示单选按钮的标签,我发现 an answer但不工作。这是我的代码:
HTML
<div class="same-line">
<input type="checkbox" name="417-jornadas-de-g%c3%a9nero-sin-fecha-confirmada" value="Sí" class="checkbox">
<label class="checkbox">
Jornadas de género (sin fecha confirmada)</label>
<div class="clear-form"></div>
</div>
<div class="same-line">
<input type="checkbox" name="417-curso-de-fotograf%c3%ada-sin-fecha-confirmada" value="Sí" class="checkbox">
<label class="checkbox">
Curso de fotografía (sin fecha confirmada)</label>
<div class="clear-form"></div>
</div>
CSS
.same-line input[type='radio'] {
display:none;
}
.same-line label[class='checkbox'] {
display:inline-block;
font-size: 12.2pt;
}
.same-line input[type='radio']:checked + label[class='checkbox'] {
background-color: #FFBF00 !important;
}
有什么想法吗?
最佳答案
input[type="radio"]:checked+label{ background-color: #FFFF00; }
关于html - 单击单选按钮时如何突出显示标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11660977/