La pseudo-classe :read-write permet de cibler un élément lorsque celui-ci peut être édité par l'utilisateur (par exemple les champs texte d'un formulaire).

/* Cible tout élément éditable */
/* Pris en charge dans Firefox avec un préfixe */
input:-moz-read-write {
  background-color: #ccc;
}

/* Pris en charge sans préfixe pour Blink/WebKit/Edge */
input:read-write {
  background-color: #ccc;
}

Note : Ce sélecteur ne sélectionne pas que les champs de saisie textuels. Il permet de sélectionner n'importe quel élément qui peut être édité par l'utilisateur (par exemple un élément <p> avec un attribut contenteditable).

Syntaxe

:read-write

Exemples

CSS

input { min-width: 25em; }
input:-moz-read-write { background: cyan; }
input:read-write { background: cyan; }

p:-moz-read-write { background: lightgray; }
p:read-write { background: lightgray; }
p[contenteditable="true"] { color: blue; }

HTML

<input type="text" value="Un champ en lecture seule"/>
<p contenteditable>Essayez un peu d'éditer ce paragraphe.</p>
<p>Bonne chance pour celui-là !</p>

Résultat

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de ':read-write' dans cette spécification.
Standard évolutif Aucune modification.
HTML5
La définition de ':read-write' dans cette spécification.
Recommendation Définition de la sémantique relative à HTML et aux contraintes de validation.
Selectors Level 4
La définition de ':read-write' dans cette spécification.
Version de travail Définition de la pseudo-classe mais pas de la sémantique associée.

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple Oui Oui Oui -moz- 1 Non Oui Oui
Matches editable elements that are neither <input> elements nor <textarea> elements Non Non Oui Non Non Non
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple ? Oui Oui Oui -moz- 1 ? ? Oui
Matches editable elements that are neither <input> elements nor <textarea> elements Non Non Non Oui Non Non Non

1. See bug 312971 for unprefixed status.

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, teoli, tregagnon, FredB
 Dernière mise à jour par : SphinxKnight,