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 |