Selektor podľa hodnoty atribútu

Selektor podľa hodnoty atribútu umožňuje vybrať elementy podľa prítomnosti určitého atribútu alebo jeho hodnoty a aplikovať na ne požadovaný štýl.

Príklad

Poďme sa obrátiť na tag input, ktorého hodnota atribútu type je text, a nastavme mu modrú farbu pozadia:

html<p>
  <label>Zadajte text</label>
  <input type="text">
</p>
<p>
  <label>Zadajte číslo</label>
  <input type="number">
</p>

cssinput[type="text"] {
  background-color: #C2DDFD;
}

Результат:

Pozrite tiež