:default

 CSS псевдокласс :default находит элемент формы, установленный по умолчанию для группы связанных элементов.

Этот селектор используется для  элементов: <button><input type="checkbox">, <input type="radio">, и <option> .

/* Выбрать установленный по умолчанию среди <input> */
input:default {
  background-color: lime;
}

Сгруппированные элементы, поддерживающие множественный выбор, также могут иметь несколько элементов, выбранных по умолчанию. В этом случае псевдокласс :default найдёт все эти элементы. Например, можно стилизовать чекбоксы по умолчанию в группе чекбоксов.

Синтаксис

:default

Пример

HTML

<input type="radio" name="season" id="spring">
<label for="spring">Spring</label>

<input type="radio" name="season" id="summer" checked>
<label for="summer">Summer</label>

<input type="radio" name="season" id="fall">
<label for="fall">Fall</label>

<input type="radio" name="season" id="winter">
<label for="winter">Winter</label>

CSS

input:default {
  box-shadow: 0 0 2px 1px coral;
}

input:default + label {
  color: coral;
}

Результат

Спецификация

Specification Status Comment
HTML Living Standard
Определение ':default' в этой спецификации.
Живой стандарт Без изменений.
HTML5
Определение ':default' в этой спецификации.
Рекомендация Определяет связанную семантику HTML и проверку ограничений.
Selectors Level 4
Определение ':default' в этой спецификации.
Рабочий черновик Без изменений.
CSS Basic User Interface Module Level 3
Определение ':default' в этой спецификации.
Рекомендация Первоначальное определение, но не определяет семантику 

Совместимость с браузерами

BCD tables only load in the browser