:default

Псевдоклас CSS :default (усталений) вибирає елементи форм, що є усталеними в групі пов'язаних елементів.

Спробуйте його в дії

Те, з чим дає збіг цей селектор, визначено в §4.16.3 Псевдокласах Стандарту HTML – він може давати збіг з елементами <button>, <input type="checkbox">, <input type="radio"> і <option>:

• Усталений елемент варіанту – перший, що має атрибут selected, або перший увімкнений варіант у порядку DOM. Елементи <select> з multiple можуть мати більше одного selected варіанту, тому всі такі елементи дають збіг з :default.
• <input type="checkbox"> і <input type="radio"> дають збіг, якщо мають атрибут checked.
• <button> дає збіг, коли є усталеною кнопкою подання у <form>: перший <button> за порядком DOM, що належить формі. Це також стосується типів <input>, що подають форми, як то image і submit.

Синтаксис

:default {
  /* ... */
}

Приклади

HTML

<fieldset>
  <legend>Улюблена пора року</legend>

  <input type="radio" name="season" id="spring" value="spring" />
  <label for="spring">Весна</label>

  <input type="radio" name="season" id="summer" value="summer" checked />
  <label for="summer">Літо</label>

  <input type="radio" name="season" id="fall" value="fall" />
  <label for="fall">Осінь</label>

  <input type="radio" name="season" id="winter" value="winter" />
  <label for="winter">Зима</label>
</fieldset>

CSS

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

input:default + label {
  color: coral;
}

Результат

Специфікації

Сумісність із браузерами

Дивіться також

• Вебформи – Робота з користувацькими даними
• Оформлення вебформ
• Пов'язані елементи HTML: <button>, <input type="checkbox">, <input type="radio"> і <option>