Pseudoklas optional

Die pseudoklas optional spesifiseer 'n styl vir 'n invoer waar die required attribuut nie gespesifiseer is nie, d.w.s. hierdie pseudoklas word toegepas op opsiesionele invoervelde.

Sintaksis

cssselektor:optional {

}

Voorbeeld

Kom ons gee die opsionele invoerveld 'n grys agtergrond:

html<form>
  <p>
    <label>Voer nommer in</label>
    <input type="number" required>
  </p>
  <p>
    <label>Voer teks in</label>
    <input type="text">
  </p>
</form>

cssinput:optional {
  background-color: #D8DFE8;
}

Результат:

Sien ook