Псевдоклас read-write

Псевдокласът read-write задава стил на инпутите, чиито стойности са достъпни за промяна.

Синтаксис

cssселектор:read-write {}

Пример

Нека зададем сини граници на инпут, в който може да се въвеждат данни:

html<p>
  <label>Въведете текст</label>
  <input type="text">
</p>
<p>
  <label>Текст само за четене</label>
  <input type="text" value="text" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Вижте също

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