1. ホーム
  2. html

[解決済み] チェックボックスがチェックされたらラベルをハイライトする

2022-08-19 03:08:43

質問

チェックボックスがチェックされたときに、ラベルの色を変更する非javascriptの方法はありますか?

どのように解決するのですか?

この場合 隣接兄弟コンビネータ :

.check-with-label:checked + .label-for-check {
  font-weight: bold;
}
<div>
  <input type="checkbox" class="check-with-label" id="idinput" />
  <label class="label-for-check" for="idinput">My Label</label>
</div>