Pseudo-klassen required

Pseudo-klassen required sätter stilen för en input som har attributet required, d.v.s. denna pseudo-klass appliceras på obligatoriska fält som måste fyllas i.

Syntax

selektor:required {}

Exempel

Låt oss ge ett obligatoriskt fält som måste fyllas i en ljusblå bakgrund:

<form>
	<p>
		<label>Ange nummer</label>
		<input type="number" required>
	</p>
	<p>
		<label>Ange text</label>
		<input type="text">
	</p>
</form>

input:required {
	background-color: #C2DDFD;
}

Se även

pseudo-klassen :optional,
som sätter stilen för en input som inte har attributet required
pseudo-klassen :default,
som sätter stilen för standardelement
pseudo-klassen :indeterminate,
som sätter stilen för växlar som befinner sig i ett obestämt tillstånd
pseudo-klassen :read-only,
som sätter stilen för inputs som inte kan ändras
pseudo-klassen :read-write,
som sätter stilen för inputs som kan ändras