html - 如果选中复选框，则突出显示标签

Question

选中相应的复选框后，是否可以使用非JavaScript方式更改标签的颜色？

Answer 1

如果你有

<div>
  <input type="checkbox" class="check-with-label" id="idinput" />
  <label class="label-for-check" for="idinput">My Label</label>
</div>

你可以做

.check-with-label:checked + .label-for-check {
  font-weight: bold;
}

See this working。请注意，这不适用于非现代浏览器。