Селектор по стойност на атрибут

Селекторът по стойност на атрибут позволява да се изберат елементи по наличието на определен атрибут или неговата стойност и да се приложи желания стил към тях.

Пример

Нека се обърнем към тага input, чиято стойност на атрибута type е равна на text, и да му зададем светлосин цвят на фона:

html<p>
  <label>Въведете текст</label>
  <input type="text">
</p>
<p>
  <label>Въведете число</label>
  <input type="number">
</p>

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

Результат:

Вижте също