:default

Базовая Широкодоступная

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с января 2020 года.

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

Попробовать

Совпадение этого селектора определено в Стандарте HTML §4.16.3 Псевдоклассы — он может соответствовать элементам <button>, <input type="checkbox">, <input type="radio"> и <option>:

Элемент с значением по умолчанию — это первый элемент с атрибутом selected, или первый активный элемент в порядке DOM. multiple Элементы <select> могут иметь более одного элемента selected , поэтому все они будут соответствовать :default.
<input type="checkbox"> и <input type="radio"> соответствуют, если у них есть атрибут checked.
<button> соответствует, если это кнопка отправки формы <form>: первый <button> в порядке DOM, который принадлежит к форме. Это также относится к типам <input>, которые отправляют формы, такие как image или submit.

Синтаксис

:default {
  /* ... */
}

Примеры

HTML

<fieldset>
  <legend>Favorite season</legend>

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

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

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

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

CSS

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

input:default + label {
  color: coral;
}

Результат

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

Спецификация
Стандарт HTML # selector-default
Селекторы Уровень 4 # default-pseudo

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`:default`	10	79	4	10	5	18	4	10.1	5	1.0	37

См. также

Веб-формы — работа с данными пользователей
Стиль веб-форм
Связанные HTML-элементы: <button>, <input type="checkbox">, <input type="radio"> и <option>

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/:default