Как проверить checkbox?

Question

[krainoff99]

не нашел как стилизовать родительский checkbox, пришлось его скрывать и все прописывать в span

Но возникла проблема , этот checkbox используется для подтверждения ознокомлением с правилами сайта ,
но она не проходит валидацию , как решить данную проблему?

Answer 1

[Александр]

<input type="checkbox" id="check" />
<label for="check">Стилизуй как хочешь</label>

Скрывай чекбокс, а лейбл стилизуй как хочешь.

Answer 2

[Алексей Будаев]

В CSS есть псевдокласс :checked.
Можно написать что-то подобное:

#check:checked + label {
    /* Стили для лейбла если чекбокс отмечен */
}