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

Псевдокласът read-only задава стил на инпути с атрибут readonly. Такъв инпут е предназначен само за четене, т.е. невъзможно е да се въвеждат или променят данни в него, но те могат да бъдат избирани и копирани.

Синтаксис

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

Пример

Нека зададем бледно сиви граници на инпут, предназначен само за четене:

html<p>
  <label>Въведете текст</label>
  <input type="text">
</p>
<p>
  <label>Текст за четене</label>
  <input type="text" value="text" readonly>
</p>

cssinput:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Вижте също