Pseudotřída optional

Pseudotřída optional nastavuje styl vstupnímu poli, kterému není nastaven atribut required, tj. tato pseudotřída se aplikuje na nepovinná vstupní pole.

Syntaxe

cssselektor:optional {

}

Příklad

Nastavme nepovinnému vstupnímu poli šedé pozadí:

html<form>
  <p>
    <label>Zadejte číslo</label>
    <input type="number" required>
  </p>
  <p>
    <label>Zadejte text</label>
    <input type="text">
  </p>
</form>

cssinput:optional {
  background-color: #D8DFE8;
}

Результат:

Viz také

pseudotřída :default,
která nastavuje styl prvkům ve výchozím stavu
pseudotřída :indeterminate,
která nastavuje styl přepínačům, které jsou v neurčitém stavu
pseudotřída :placeholder-shown,
která nastavuje styl prvkům při zobrazení textové nápovědy
pseudotřída :read-only,
která nastavuje styl vstupním polím, která nelze měnit
pseudotřída :required,
která nastavuje styl vstupnímu poli, kterému je nastaven atribut required
pseudotřída :focus-within,
která nastavuje styl prvkům ve stavu focus
vlastnost caret-color,
která nastavuje barvu textového kurzoru ve vstupním poli