English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
: il pseudo-classe CSS :read-write rappresenta un elemento (ad esempio, l'elemento input con testo inputibile) che può essere modificato dall'utente.
Manuale completo delle scelte CSS
Se l'elemento input non è in sola lettura, ossia non ha l'attributo "readonly", impostare lo stile del campo di input in arancione:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Lezioni di base (oldtoolbag.com)</title>
<style>
input:read-write
{
background-color: orange;
}
input:-moz-read-write {
background-color: #bbf;
}
</style>
</head>
<body>
<h3>Esempio di selettore :read-write.</h3>
<p>Elemento input normale:<br><input value="hello"></p>
<p>Elemento input readonly:<br><input readonly value="hello"></p>
<p>Il selettore :read-write seleziona gli elementi che non hanno impostato l'attributo "readonly".</p>
</body>
</html>Prova a vedere <‹/›Il selettore :read-write viene utilizzato per abbinare gli elementi leggibili e scrivibili.
Attenzione: Al momento, il selettore :read-write è utilizzato solo per gli elementi input e textarea impostati in molti browser.
I numeri nella tabella rappresentano la versione del browser che supporta l'attributo per la prima volta.
| Selettore | |||||
|---|---|---|---|---|---|
| :read-only | Supportato | Non supportato | -moz- | Sì | Sì |
/* Seleziona tutti gli elementi <input> editabili */
/* Firefox richiede prefisso */
input:-moz-read-write {
background-color: #bbf;
}
/* Supportato in Blink/WebKit/Edge senza prefisso */
input:read-write {
background-color: #bbf;
}Attenzione: questo selettore non seleziona solo l'elemento <input>, ma anche tutti gli elementi che possono essere modificati dall'utente, ad esempio l'elemento <p> con l'attributo contenteditable impostato.
Selettore CSS :read-only