Селектор по значению атрибута

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

Пример

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

html<p>
  <label>Enter text</label>
  <input type="text">
</p>
<p>
  <label>Enter number</label>
  <input type="number">
</p>

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

Результат:

Смотрите также