Pseudo-klassen required

Pseudo-klassen required angiver stilen for et input, som har attributten required, dvs. denne pseudo-klasse anvendes på inputfelter, som er obligatoriske at udfylde.

Syntaks

cssselektor:required {}

Eksempel

Lad os give et obligatorisk inputfelt en lyseblå baggrund:

html<form>
  <p>
    <label>Indtast nummer</label>
    <input type="number" required>
  </p>
  <p>
    <label>Indtast tekst</label>
    <input type="text">
  </p>
</form>

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

Результат:

Se også

pseudo-klassen :optional,
som angiver stil for et input uden required attribut
pseudo-klassen :default,
som angiver stil for standardelementer
pseudo-klassen :indeterminate,
som angiver stil for afkrydsningsfelter, som er i en ubestemt tilstand
pseudo-klassen :read-only,
som angiver stil for input, som ikke kan ændres
pseudo-klassen :read-write,
som angiver stil for input, som kan ændres