Pseudo-classe read-write

La pseudo-classe read-write définit le style des champs de saisie dont les valeurs sont accessibles à la modification.

Syntaxe

sélecteur:read-write {}

Exemple

Définissons des bordures bleues pour le champ de saisie dans lequel on peut entrer des données :

<p>
	<label>Entrez du texte</label>
	<input type="text">
</p>
<p>
	<label>Texte en lecture seule</label>
	<input type="text" value="texte" readonly>
</p>

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

Voir aussi

la pseudo-classe :read-only,
qui définit le style des champs de saisie non modifiables
la pseudo-classe :default,
qui définit le style des éléments par défaut
la pseudo-classe :indeterminate,
qui définit le style des interrupteurs qui sont dans un état indéterminé
la pseudo-classe :optional,
qui définit le style du champ de saisie qui n'a pas d'attribut required
la pseudo-classe :required,
qui définit le style du champ de saisie qui a l'attribut required défini
la pseudo-classe :focus-within,
qui définit le style des éléments ayant le focus
la propriété caret-color,
qui définit la couleur du curseur de texte dans le champ de saisie