:defaultСелектор псевдо будет соответствовать по умолчанию в группе связанных элементов, такие как кнопки радио в группе кнопок, выбранная по умолчанию, даже если пользователь выбрал другое значение.
input(type="radio"):default + label:after ( content: ' (default)'; color: #999; font-style: italic; )Приведенный выше CSS нацелен на метку, идущую сразу после выбранной по умолчанию радиокнопки в группе радиокнопок:
- красный
- зеленый
- синий
За меткой зеленого переключателя будет следовать текст «(по умолчанию)» серого цвета курсивом в поддерживающих браузерах.
- красный
- зеленый
- синий
Примеры включают кнопку отправки по умолчанию в группе кнопок, параметр по умолчанию во всплывающем меню, переключатель с checkedатрибутом, установленным в HTML (как видно в поддерживающих браузерах), и флажки, которые по умолчанию отмечены.
Дополнительные ресурсы
- Демо
- Страница MDN включена: по умолчанию
- Спецификации пользовательского интерфейса W3C CSS3
- W3C Selectors Уровень 4
Поддержка браузера
У разных браузеров разные уровни поддержки. Firefox обеспечивает полную поддержку. Браузеры Webkit по умолчанию поддерживают кнопки, но не переключатели или флажки, а Opera наоборот, поддерживает его для переключателей и флажков, но не для отправки.
- Opera поддерживает
:defaultфлажки и переключатели. - Браузеры Webkit, включая Chrome и Safari, поддерживают
:defaultкнопку отправки - Firefox поддерживает
:defaultфлажки, радио и типы ввода. - Internet Explorer не поддерживает
:defaultфлажки, радио и типы ввода.
| Хром | Сафари | Fire Fox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 10 | 5 | 4 | 10 | никто | никто | 5 |