Псевдокласс default

Псевдокласс default задает стиль одному элементу из группы, которая имеет тип по умолчанию. Данные элементы должны находится внутри родительского тега <form>.

Синтаксис

cssселектор:default {
  
}

Пример

Примером типа по умолчанию является атрибут type со значением submit. Давайте установим для одной из данных кнопок голубой фон:

html<form>
  <p>
    <label>Enter number</label>
    <input type="number">
  </p>
  <p>
    <input type="submit">
    <input type="submit">
    <input type="reset">
  </p>
</form>
css:default {
  background-color:  #C2DDFD;
}

Результат:

Смотрите также

  • псевдокласс :fullscreen,
    который задает стиль элементам в полноэкранном режиме
  • псевдокласс :in-range,
    который задает стиль элементам с заданным диапазоном значений
  • псевдокласс :invalid,
    который задает стиль инпуту, в который ввели неправильное значение
  • псевдокласс :optional,
    который задает стиль инпуту, у которого нет атрибута required
  • псевдокласс :out-of-range,
    который задает стиль элементам, значения которых выходят за рамки диапазона
  • псевдокласс :focus-within,
    который задает стиль элементам в фокусе