Pseidoklase read-only

Pseidoklase read-only nosaka stilu input elementiem ar atribūtu readonly. Šāds input elements ir paredzēts tikai lasīšanai, t.i., ievadīt vai mainīt tajā datus nav iespējams, taču tos var izvēlēties un kopēt.

Sintakse

selector:read-only {
	
}

Piemērs

Uzstādīsim gaiši pelēkas apmales input elementam, kas paredzēts tikai lasīšanai:

<p>
	<label>Ievadiet tekstu</label>
	<input type="text">
</p>
<p>
	<label>Lasāmais teksts</label>
	<input type="text" value="teksts" readonly>
</p>

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

Skatiet arī

pseidoklase :read-write,
kas nosaka stilu input elementiem, kas pieejami mainīšanai
pseidoklase :default,
kas nosaka stilu elementiem pēc noklusējuma
pseidoklase :indeterminate,
kas nosaka stilu slēdžiem, kas atrodas nenoteiktā stāvoklī
pseidoklase :optional,
kas nosaka stilu input elementam, kuram nav required atribūta
pseidoklase :placeholder-shown,
kas nosaka stilu elementiem, kad tiek rādīts padoma teksts
pseidoklase :required,
kas nosaka stilu input elementam, kuram ir uzstādīts required atribūts
pseidoklase :focus-within,
kas nosaka stilu elementiem fokusā
īpašība caret-color,
kas nosaka teksta kursora krāsu input elementā