Специальные селекторы CSS, предназначенные для работы с элементами управления

Специальные селекторы CSS, предназначенные для работы с элементами управления

Язык CSS предоставляет несколько специальных селекторов, с помощью которых можно неявно привязать стиль к элементам управления на основе их состояния. Все они относятся к структурным псевдоклассам.

-:enabled — привязывает стиль к элементам управления, доступным для посетителя.

-:disabled — привязывает стиль к элементам управления, недоступным для посетителя.

-:checked — привязывает стиль к установленным флажкам и переключателям. Листинг 20.13 иллюстрирует пример.

Листинг 20.13

:disabled { color: #B1BEC6 }

:checked { font-weight: bold }

.

<FORM ACTION="#">

<P>

<INPUT TYPE="radio" ID="updates_yes" NAME="updates" CHECKED>

Я хочу получать письма со списком обновлений Web-сайта

</P>

<P>

<INPUT TYPE="radio" ID="updates_no" NAME="updates" CHECKED >

Я не хочу получать письма со списком обновлений Web-сайта

</P>

<P>Почтовый адрес: <INPUT TYPE="text" ID="email" NAME="email" DISABLED></P>

</FORM>