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

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

Синтаксис

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

Пример

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

<form>
	<p>
		<label>Enter number</label>
		<input type="number">
	</p>
	<p>
		<input type="submit">
		<input type="submit">
		<input type="reset">
	</p>
</form>

:default {
	background-color:  #C2DDFD;
}

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

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