Pseudoclassa read-only

Pseudoclassa read-only stabilește stilul inputurilor cu atributul readonly. Un astfel de input este destinat doar pentru citire, adică este imposibil să introduci sau să modifici date în el, însă datele pot fi selectate și copiate.

Sintaxă

selector:read-only {
	
}

Exemplu

Să stabilim borduri gri-deschise pentru un input destinat doar pentru citire:

<p>
	<label>Introdu textul</label>
	<input type="text">
</p>
<p>
	<label>Citește textul</label>
	<input type="text" value="text" readonly>
</p>

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

Vedeți și

pseudoclassa :read-write,
care stabilește stilul inputurilor disponibile pentru modificare
pseudoclassa :default,
care stabilește stilul elementelor implicite
pseudoclassa :indeterminate,
care stabilește stilul comutatoarelor care se află într-o stare nedeterminată
pseudoclassa :optional,
care stabilește stilul unui input care nu are atributul required
pseudoclassa :placeholder-shown,
care stabilește stilul elementelor la afișarea textului-sugestie
pseudoclassa :required,
care stabilește stilul unui input care are atributul required setat
pseudoclassa :focus-within,
care stabilește stilul elementelor în focus
proprietatea caret-color,
care stabilește culoarea cursorului text în input