Pseudoklasa read-only

Pseudoklasa read-only vendos stilin për inputet me atributin readonly. Një input i tillë është vetëm për lexim, d.m.th., është e pamundur të futësh ose të ndryshosh të dhëna në të, megjithatë ato mund të zgjidhen dhe kopjohen.

Sintaksa

selector:read-only {
	
}

Shembull

Le t'i vendosim kufijtë në ngjyrë gri të zbehtë inputit që është vetëm për lexim:

<p>
	<label>Shkruani tekstin</label>
	<input type="text">
</p>
<p>
	<label>Lexoni tekstin</label>
	<input type="text" value="text" readonly>
</p>

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

Shihni gjithashtu

pseudoklasa :read-write,
e cila vendos stilin për inputet që mund të modifikohen
pseudoklasa :default,
e cila vendos stilin për elementet si parazgjedhje
pseudoklasa :indeterminate,
e cila vendos stilin për çelsat e alternuara që janë në gjendje të papërcaktuar
pseudoklasa :optional,
e cila vendos stilin për inputin që nuk ka atributin required
pseudoklasa :placeholder-shown,
e cila vendos stilin për elementet kur shfaqet teksti-një tregues
pseudoklasa :required,
e cila vendos stilin për inputin që ka atributin required
pseudoklasa :focus-within,
e cila vendos stilin për elementet në fokus
vetia caret-color,
e cila vendos ngjyrën për kursorin e tekstit në input