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

Результат:

Погледајте такође