Pseudoklasė read-only

Pseudoklasė read-only nustato stilių įvesties laukams su atributu readonly. Toks įvesties laukas skirtas tik skaitymui, t.y. įvesti ar pakeisti jame duomenis neįmanoma, tačiau juos galima pažymėti ir nukopijuoti.

Sintaksė

selektorius:read-only {
	
}

Pavyzdys

Nustatykime blankiai pilkas borders įvesties laukui, skirtam tik skaitymui:

<p>
	<label>Įveskite tekstą</label>
	<input type="text">
</p>
<p>
	<label>Skaitomas tekstas</label>
	<input type="text" value="tekstas" readonly>
</p>

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

Taip pat žiūrėkite

pseudoklasė :read-write,
kuri nustato stilių įvesties laukams, galimiems keisti
pseudoklasė :default,
kuri nustato stilių elementams pagal nutylėjimą
pseudoklasė :indeterminate,
kuri nustato stilių perjungikliams, kurie yra neapibrėžtoje būsenoje
pseudoklasė :optional,
kuri nustato stilių įvesties laukui, kuris neturi required atributo
pseudoklasė :placeholder-shown,
kuri nustato stilių elementams rodant užuominos tekstą
pseudoklasė :required,
kuri nustato stilių įvesties laukui, kuriam nustatytas required atributas
pseudoklasė :focus-within,
kuri nustato stilių elementams fokuse
savybė caret-color,
kuri nustato teksto žymeklio spalvą įvesties lauke