ラジオボタンやチェックボックスでボタン的にCSSを扱う時

CSS
inputとlabelが並んでる場合
input[type=radio]:checked+label
<input type="radio"><label>ラベル</label>
labelの中にinputがある場合
label:has(input:checked)
<label><input type="radio">ラベル</label>
Spread the love
2024.07.30(火)