Pseudoklasa read-only

Pseudoklasa read-only postavlja stil input poljima sa atributom readonly. Takvo polje je namenjeno samo za čitanje, tj. nije moguće uneti ili izmeniti podatke u njemu, međutim moguće ih je selektovati i kopirati.

Sintaksa

cssselektor:read-only {
  
}

Primer

Hajde da postavimo svetlo sive ivice input polju koje je namenjeno samo za čitanje:

html<p>
  <label>Unesi tekst</label>
  <input type="text">
</p>
<p>
  <label>Pročitaj tekst</label>
  <input type="text" value="text" readonly>
</p>

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

Результат:

Pogledajte takođe