A read-only pszeudoklasszis

A read-only pszeudoklasszis olyan inputoknak ad stílust, amelyeknek readonly attribútumuk van. Egy ilyen input csak olvasható, azaz nem lehet benne adatot megadni vagy módosítani, de ki lehet jelölni és másolni lehet az adatokat.

Szintaxis

szelektor:read-only {
	
}

Példa

Állítsunk be halvány szürke szegélyt egy csak olvasható inputnak:

<p>
	<label>Szöveg beírása</label>
	<input type="text">
</p>
<p>
	<label>Szöveg olvasása</label>
	<input type="text" value="szöveg" readonly>
</p>

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

Lásd még

a :read-write pszeudoklasszis,
amely módosítható inputoknak ad stílust
a :default pszeudoklasszis,
amely az alapértelmezett elemeknek ad stílust
a :indeterminate pszeudoklasszis,
amely a határozatlan állapotban lévő kapcsolóknak ad stílust
a :optional pszeudoklasszis,
amely olyan inputnak ad stílust, amelynek nincs required attribútuma
a :placeholder-shown pszeudoklasszis,
amely az elemeknek ad stílust, amikor a placeholder szöveg megjelenik
a :required pszeudoklasszis,
amely olyan inputnak ad stílust, amelynek be van állítva a required attribútuma
a :focus-within pszeudoklasszis,
amely a fókuszban lévő elemeknek ad stílust
a caret-color tulajdonság,
amely beállítja a szöveges kurzor színét az inputban