Pseudoluokka optional

Pseudoluokka optional asettaa tyylin input-elementille, jolle ei ole asetettu required-attribuuttia, eli tätä pseudoluokkaa sovelletaan vapaaehtoisiin input-kenttiin.

Syntaksi

cssvalitsija:optional {

}

Esimerkki

Asetetaan vapaaehtoiselle input-kentälle harmaa 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:optional {
  background-color: #D8DFE8;
}

Результат:

Katso myös