Pseudoclasse read-write

La pseudoclasse read-write definisce lo stile degli input i cui valori sono accessibili per la modifica.

Sintassi

cssselettore:read-write {}

Esempio

Impostiamo i bordi blu all'input in cui è possibile inserire dati:

html<p>
  <label>Inserisci testo</label>
  <input type="text">
</p>
<p>
  <label>Testo in sola lettura</label>
  <input type="text" value="text" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Vedi anche

  • la pseudoclasse :read-only,
    che definisce lo stile degli input non 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 dell'input che non ha l'attributo required
  • la pseudoclasse :required,
    che definisce lo stile dell'input che ha l'attributo required impostato
  • la pseudoclasse :focus-within,
    che definisce lo stile degli elementi a fuoco
  • la proprietà caret-color,
    che imposta il colore del cursore di testo nell'input