Pseudo-klasa required

Pseudo-klasa required definiše stil input elementu koji ima atribut required, odnosno ova pseudo-klasa se primenjuje na input elemente koji su obavezni za popunjavanje.

Sintaksa

cssselektor:required {}

Primer

Hajde da obaveznom input polju postavimo plavu pozadinu:

html<form>
  <p>
    <label>Unesi broj</label>
    <input type="number" required>
  </p>
  <p>
    <label>Unesi tekst</label>
    <input type="text">
  </p>
</form>
cssinput:required {
  background-color: #C2DDFD;
}

Результат:

Pogledajte takođe

  • pseudo-klasa :optional,
    koja definiše stil input elementu koji nema atribut required
  • pseudo-klasa :default,
    koja definiše stil podrazumevanim elementima
  • pseudo-klasa :indeterminate,
    koja definiše stil prekidačima (checkbox, radio) koji su u neodređenom stanju
  • pseudo-klasa :read-only,
    koja definiše stil input elementima koji nisu dostupni za izmenu
  • pseudo-klasa :read-write,
    koja definiše stil input elementima koji su dostupni za izmenu