Книга: HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов

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

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

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

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

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

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

Листинг 20.13

:disabled { color: #B1BEC6 }

:checked { font-weight: bold }

.

<FORM ACTION="#">

<P>

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

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

</P>

<P>

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

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

</P>

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

</FORM>

Оглавление книги

Оглавление статьи/книги
Похожие страницы

Генерация: 1.612. Запросов К БД/Cache: 3 / 1
поделиться
Вверх Вниз