[CSS]チェックボックス要素が:checkedの定義サンプル
書式
input:checked + label {xxx}
使用例
<!--チェックボックス要素がonの場合cssの定義--> <style> input:checked + label { background-color: skyblue; } </style> <body> <input type="checkbox" name="city" id="cftA" value="tokyo" > <label for="cftA">東京</label> <input type="checkbox" name="city" id="cftB" value="oosaka" /> <label for="cftB">大阪</label> <!--checked項目がcss適用--> <input type="checkbox" name="city" id="cftC" value="fukuoka" checked/> <label for="cftC">福岡</label> <input type="checkbox" name="city" id="cftD" value="yokohama" /> <label for="cftD">横浜</label> </body>