Pseudotrieda required

Pseudotrieda required nastavuje štýl inputu, ktorý má atribút required, t.j. táto pseudotrieda sa aplikuje na povinné pre vyplnenie inputy.

Syntax

cssselektor:required {}

Príklad

Nastavme povinnému pre vyplnenie inputu svetlomodré pozadie:

html<form>
  <p>
    <label>Zadajte číslo</label>
    <input type="number" required>
  </p>
  <p>
    <label>Zadajte text</label>
    <input type="text">
  </p>
</form>
cssinput:required {
  background-color: #C2DDFD;
}

Результат:

Pozrite tiež

  • pseudotrieda :optional,
    ktorá nastavuje štýl inputu, ktorý nemá atribút required
  • pseudotrieda :default,
    ktorá nastavuje štýl elementom predvoleným
  • pseudotrieda :indeterminate,
    ktorá nastavuje štýl prepínačom, ktoré sú v neurčitom stave
  • pseudotrieda :read-only,
    ktorá nastavuje štýl inputom, nedostupným pre zmenu
  • pseudotrieda :read-write,
    ktorá nastavuje štýl inputom, dostupným pre zmenu