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

Результат:

Погледнете ги и