We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

 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' в этой спецификации.
Предложенная рекомендация Первоначальное определение, но не определяет семантику 

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая потдержка 10.0 4.0 (2.0) Нет 10.0 5.0
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Базовая потдержка ? 4.0 (2.0) Нет 10.0 5.0

Метки документа и участники

Внесли вклад в эту страницу: hlomzik, dictor93
Обновлялась последний раз: hlomzik,