Pseudoklass read-only

Pseudoklass read-only määrab stiili inputidele, millel on atribuut readonly. Selline input on mõeldud ainult lugemiseks, st. sinna andmeid sisestada või muuta ei saa, kuid neid on võimalik valida ja kopeerida.

Süntaks

cssselektor:read-only {
  
}

Näide

Määrame heledashallid piirjooned inputile, mis on mõeldud ainult lugemiseks:

html<p>
  <label>Sisesta tekst</label>
  <input type="text">
</p>
<p>
  <label>Loe teksti</label>
  <input type="text" value="text" readonly>
</p>

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

Результат:

Vaata ka