Pseudo-klassen optional

Pseudo-klassen optional setter stil for input-felt som ikke har required-attributtet, dvs. denne pseudo-klassen brukes på frivillige input-felt.

Syntaks

cssvelger:optional {

}

Eksempel

La oss sette grå bakgrunn for frivillige input-felt:

html<form>
  <p>
    <label>Skriv inn tall</label>
    <input type="number" required>
  </p>
  <p>
    <label>Skriv inn tekst</label>
    <input type="text">
  </p>
</form>
cssinput:optional {
  background-color: #D8DFE8;
}

Результат:

Se også

  • pseudo-klassen :default,
    som setter stil for standardelementer
  • pseudo-klassen :indeterminate,
    som setter stil for vekslebrytere i ubestemt tilstand
  • pseudo-klassen :placeholder-shown,
    som setter stil for elementer når plassholdertekst vises
  • pseudo-klassen :read-only,
    som setter stil for input-felt som ikke kan endres
  • pseudo-klassen :required,
    som setter stil for input-felt som har required-attributtet
  • pseudo-klassen :focus-within,
    som setter stil for elementer i fokus
  • egenskapen caret-color,
    som setter farge på tekstmarkøren i input-felt