:read-write

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).

Syntaxe

:read-write { style properties }

Exemples

CSS

input:-moz-read-write { background: #eee; }
input:read-write { background: #eee; }

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
WHATWG 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é Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple (Oui) (Oui)-mozbug 312971 Nightly build [1] (Oui) (Oui)
Éléments éditables (en dehors des champs texte de formulaires) Pas de support (Oui)-mozbug 312971 Pas de support Pas de support Pas de support
Fonctionnalité Android Chrome pour Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple ? (Oui) (Oui)-mozbug 312971 ? ? ?
Éléments éditables (en dehors des champs texte de formulaires) Pas de support Pas de support (Oui)-mozbug 312971 Pas de support Pas de support Pas de support

[1] Pour Edge : intégré avec la Preview Build 10547+

Voir aussi

Étiquettes et contributeurs liés au document

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