:default¶

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

Этот псевдокласс может использоваться для <button>, <input type="checkbox">, <input type="radio"> и <option>.

Синтаксис¶

1
2
3
4

/* Selects any default <input> */
input:default {
    background-color: lime;
}

Значения¶

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

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

• HTML Living Standard
• HTML5
• Selectors Level 4
• CSS Basic User Interface Module Level 3

Поддержка браузерами¶

Can I Use css-default-pseudo? Data on support for the css-default-pseudo feature across the major browsers from caniuse.com.

Описание и примеры¶

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

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

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

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

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

1
2
3
4
5
6
7

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

input:default + label {
  color: coral;
}

Комментарии