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

selektor:read-only {
	
}

Näide

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

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

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

Vaata ka

pseudoklass :read-write,
mis määrab stiili muudetavatele inputidele
pseudoklass :default,
mis määrab stiili vaikimisi elementidele
pseudoklass :indeterminate,
mis määrab stiili lülititele, mis on määramata olekus
pseudoklass :optional,
mis määrab stiili inputile, millel pole atribuuti required
pseudoklass :placeholder-shown,
mis määrab stiili elementidele, kui kuvatakse vihjetekst
pseudoklass :required,
mis määrab stiili inputile, millel on määratud atribuut required
pseudoklass :focus-within,
mis määrab stiili fookuses olevatele elementidele
omadus caret-color,
mis määrab teksti kursori värvi inputis