Псеўдаклас 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;
}

Результат:

Глядзіце таксама