「CSS入門」:checkedのサンプル
書式
セレクタ:checked {
}
使用例
1.CSSコード
<style>
input:checked + label {
background-color: yellow;
}
</style>
<style>
input:checked + label {
background-color: yellow;
}
</style>
<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>
<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>
<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>