Selektor według wartości atrybutu

Selektor według wartości atrybutu pozwala wybierać elementy na podstawie obecności u nich określonego atrybutu lub jego wartości i zastosować do nich potrzebny styl.

Przykład

Odnijmy się do znacznika input, u którego wartość atrybutu type wynosi text, i ustawmy mu niebieski kolor tła:

html<p>
  <label>Wpisz tekst</label>
  <input type="text">
</p>
<p>
  <label>Wpisz liczbę</label>
  <input type="number">
</p>

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

Результат:

Zobacz też