5 августа буду в отъезде. отвечаю по возможности

Псевдокласс checked

Псевдокласс checked позволяет поймать отмеченный чекбокс или radio.

К сожалению, стили для их украшения задать нельзя. К примеру нельзя задать фон или цвет границы (можно задавать, к примеру, ширину и высоту, но они окажут не такое влияние, как можно было бы ожидать).

Несмотря на это, можно задать стили для соседних элементов, например, так: input:checked + p - зададим стили для абзаца, который находится непосредственно под отмеченным инпутом.

Синтаксис

элемент:checked { }

Пример

Поотмечайте чекбоксы и вы увидите, как загораются красным цветом метки label, которые находятся непосредственно после отмеченных чекбоксов:

<input type="checkbox" id="elem1"> <label for="elem1">метка 1</label> <br> <input type="checkbox" id="elem2"> <label for="elem2">метка 2</label> input:checked + label { color: red; }

:

Пример

Поотмечайте radio и вы увидите, как загораются красным цветом метки label, которые находятся непосредственно после отмеченного переключателя:

<input type="radio" name="elem" id="elem1"> <label for="elem1">метка 1</label> <br> <input type="radio" name="elem" id="elem2"> <label for="elem2">метка 2</label> input:checked + label { color: red; }

: