Psevdorazred optional

Psevdorazred optional določa slog vnosnemu polju, ki nima nastavljenega atributa required, kar pomeni, da se ta psevdorazred uporablja za neobvezna vnosna polja.

Sintaksa

cssselektor:optional {

}

Primer

Nastavimo sivo ozadje za neobvezno vnosno polje:

html<form>
  <p>
    <label>Vnesite številko</label>
    <input type="number" required>
  </p>
  <p>
    <label>Vnesite besedilo</label>
    <input type="text">
  </p>
</form>
cssinput:optional {
  background-color: #D8DFE8;
}

Результат:

Glejte tudi

  • psevdorazred :default,
    ki določa slog elementom po privzetih nastavitvah
  • psevdorazred :indeterminate,
    ki določa slog stikali, ki so v nedoločenem stanju
  • psevdorazred :placeholder-shown,
    ki določa slog elementom, ko je prikazan namig
  • psevdorazred :read-only,
    ki določa slog vnosnim poljem, ki niso na voljo za spreminjanje
  • psevdorazred :required,
    ki določa slog vnosnemu polju, ki ima nastavljen atribut required
  • psevdorazred :focus-within,
    ki določa slog elementom v fokusu
  • lastnost caret-color,
    ki določa barvo besedilnega kazalca v vnosnem polju