: за замовчуванням - CSS-хитрощі

:defaultСелектор псевдо буде відповідати за замовчуванням в групі пов'язаних елементів, такі як кнопки радіо в групі кнопок, обрана за замовчуванням, навіть якщо користувач вибрав інше значення.

input(type="radio"):default + label:after ( content: ' (default)'; color: #999; font-style: italic; )

Наведений вище CSS націлений на мітку, яка надходить відразу після вибраного за замовчуванням перемикача в групі перемикачів:

червоний
зелений
блакитний

За міткою зеленого перемикача слідуватиме текст "(за замовчуванням)" сірим, курсив у підтримці браузерів.

червоний
зелений
блакитний

Прикладами є кнопка надсилання за замовчуванням у групі кнопок, опція за замовчуванням зі спливаючого меню, перемикач, який має checkedатрибут, встановлений у HTML (як показано в підтримуваних браузерах), і прапорці, які за замовчуванням встановлені.

Більше ресурсів

Демо
Сторінка MDN на: за замовчуванням
Технічні характеристики інтерфейсу W3C CSS3
Селектори W3C Рівень 4

Підтримка браузера

Різні браузери мають різний рівень підтримки. Firefox надає повну підтримку. Веб-переглядачі Webkit підтримують за замовчуванням кнопки, але не на радіо чи прапорцях, а Opera є зворотним, підтримуючи його на перемикачах та прапорцях, але не на поданні.

Opera підтримує :defaultпрапорці та перемикачі.
Веб-переглядачі Webkit, включаючи Chrome та Safari, підтримують :defaultкнопку надсилання
Firefox підтримує :defaultпрапорці, радіо та типи введення.
Internet Explorer не підтримує :defaultпрапорці, радіо та типи введення.