Псевдоклас required

Псевдокласът required задава стил на инпут, който има атрибут required, т.е. този псевдоклас се прилага към задължителните за попълване инпути.

Синтаксис

cssселектор:required {}

Пример

Нека зададем на задължителния за попълване инпут син фон:

html<form>
  <p>
    <label>Въведете число</label>
    <input type="number" required>
  </p>
  <p>
    <label>Въведете текст</label>
    <input type="text">
  </p>
</form>
cssinput:required {
  background-color: #C2DDFD;
}

Результат:

Вижте също

  • псевдоклас :optional,
    който задава стил на инпут, който няма атрибут required
  • псевдоклас :default,
    който задава стил на елементите по подразбиране
  • псевдоклас :indeterminate,
    който задава стил на превключватели, които са в неопределено състояние
  • псевдоклас :read-only,
    който задава стил на инпути, недостъпни за промяна
  • псевдоклас :read-write,
    който задава стил на инпути, достъпни за промяна