CSS :default псевдокласс

Определение и использование

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

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

Пример

Пример 1

Добавьте красный тень к стандартным элементам ввода:

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

Попробуйте сами

Установите различные

input[type=radio]:default {
  box-shadow: 0 0 5px 3px blue;
}
input[type=checkbox]:default {
  box-shadow: 0 0 5px 3px maroon;
}
option:default {
  color: blue;
  background-color: pink;
}

Попробуйте сами

CSS грамматика

:default {
  css declarations;
}

Технические детали

Поддержка браузеров

Таблица чисел указывает на первую версию браузера, которая полностью поддерживает этот псевдокласс.