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

selektor:read-only {
	
}

Primer

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

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

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

Pogledajte takođe

pseudoklasa :read-write,
koja postavlja stil input poljima koja su dostupna za izmenu
pseudoklasa :default,
koja postavlja stil elementima po podrazumevanim vrednostima
pseudoklasa :indeterminate,
koja postavlja stil prekidačima koji su u neodređenom stanju
pseudoklasa :optional,
koja postavlja stil input polju koje nema atribut required
pseudoklasa :placeholder-shown,
koja postavlja stil elementima pri prikazivanju teksta-tragača
pseudoklasa :required,
koja postavlja stil input polju koje ima zadat atribut required
pseudoklasa :focus-within,
koja postavlja stil elementima u fokusu
svojstvo caret-color,
koje zadaje boju tekstualnog kursora u input polju