Pakolliset pseudoluokka

Pseudoluokka required asettaa tyylin input-elementille, jolla on required-attribuutti, eli tätä pseudoluokkaa sovelletaan pakollisiin täytettäviin input-elementteihin.

Syntaksi

cssvalitsija:required {}

Esimerkki

Asetetaan pakolliselle täytettävälle input-elementille vaaleansininen tausta:

html<form>
  <p>
    <label>Syötä numero</label>
    <input type="number" required>
  </p>
  <p>
    <label>Syötä teksti</label>
    <input type="text">
  </p>
</form>

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

Результат:

Katso myös