「CSS入門」:checkedのサンプル

2021年7月19日

書式
セレクタ:checked {
}
使用例
1.CSSコード

<style>
  input:checked + label {
    background-color: yellow;
  }
</style>

2.htmlコード

<input type="radio" name="cft" id="kA" value="11" checked />
<label for="kA">AA</label>

<input type="radio" name="cft" id="kB" value="22" />
<label for="kB">BB</label>

<input type="radio" name="cft" id="kC" value="33" />
<label for="kC">CC</label>

 

CSS

Posted by arkgame