Голосовое произношение на английском языке названий псевдоклассов CSS использующихся для работы с формами.
:placeholder-shown псевдокласс, определяет стиль элемента input
или textarea
, который в данный момент отображает текст подсказки, заданной атрибутом placeholder
. - Пример: input:placeholder-shown { border-color: red; }
:optional псевдокласс, находит input
элементы, у которых не установлен атрибут required
. Он позволяет формам отмечать необязательные поля, и давать им соответствующие стили. - Пример: input:optional { opacity: 0.5; }
Мир: | 2200 7704 4708 4353 |
Яндекс: | 41 00 11 25 13 54 962 |
Киви: | ALEKS33550336 |
:required псевдокласс, применяет стилевые правила к элементу input
, у которого установлен атрибут required
, он позволяет выделять поля обязательные к заполнению перед отправкой формы. - Пример: input:required { border: 1px solid red; }
:checked псевдокласс, находит любые элементы radio
, checkbox
или option
, которые выбраны или включены. - Пример: input:checked { margin-left: 25px; border: 1px solid blue; }
:disabled псевдокласс, используется для применения стиля к заблокированным элементам форм. - Пример: textarea:disabled { border: 1px solid #666; }
:enabled псевдокласс, используется для применения стиля к доступным (не заблокированным) элементам форм. - Пример: input:enabled { background: red; }
:invalid псевдокласс, находит любые input
или form
элементы, контент которых не проходит валидацию, в соответствии с типом поля. - Пример: input:invalid { background: #fdd; }