Pseudotřída required

Pseudotřída required nastavuje styl inputu, který má atribut required, tj. tato pseudotřída se aplikuje na povinná pro vyplnění inputy.

Syntaxe

cssselektor:required {}

Příklad

Nastavme povinnému pro vyplnění inputu modré pozadí:

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

Результат:

Viz také

  • pseudotřída :optional,
    která nastavuje styl inputu, který nemá atribut required
  • pseudotřída :default,
    která nastavuje styl prvkům podle výchozího nastavení
  • pseudotřída :indeterminate,
    která nastavuje styl přepínačům, které jsou v neurčitém stavu
  • pseudotřída :read-only,
    která nastavuje styl inputům, které nejsou přístupné pro změnu
  • pseudotřída :read-write,
    která nastavuje styl inputům, které jsou přístupné pro změnu