Pseudoclasse read-only

La pseudoclasse read-only definisce lo stile degli input con l'attributo readonly. Tale input è destinato alla sola lettura, cioè non è possibile inserire o modificare i dati in esso, ma è possibile selezionarli e copiarli.

Sintassi

selettore:read-only {
	
}

Esempio

Impostiamo bordi grigio chiaro ad un input destinato alla sola lettura:

<p>
	<label>Inserisci testo</label>
	<input type="text">
</p>
<p>
	<label>Testo in lettura</label>
	<input type="text" value="testo" readonly>
</p>

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

Vedi anche

la pseudoclasse :read-write,
che definisce lo stile degli input modificabili
la pseudoclasse :default,
che definisce lo stile degli elementi predefiniti
la pseudoclasse :indeterminate,
che definisce lo stile degli interruttori che si trovano in uno stato indeterminato
la pseudoclasse :optional,
che definisce lo stile di un input che non ha l'attributo required
la pseudoclasse :placeholder-shown,
che definisce lo stile degli elementi quando viene visualizzato il testo del segnaposto
la pseudoclasse :required,
che definisce lo stile di un input che ha l'attributo required impostato
la pseudoclasse :focus-within,
che definisce lo stile degli elementi a fuoco
la proprietà caret-color,
che definisce il colore del cursore di testo nell'input