Sélecteur :READ-ONLY
Rôle
Le sélecteur read-only est une pseudo-classe désigné par la syntaxe :read-only qui permet de cibler chaque élément de formulaire en lecture seule (vous pouvez sélectionner le contenu mais pas écrire).
Note: pour rendre un élément de formulaire en lecture seule il faut lui appliquer l’attribut HTML readonly.
<!-- désactiviation du bouton -->
<input type="button" value="ok" read-only="read-only">
Dans l’exemple ci-dessous, le champ nécessaire en lecteur seule apparaît avec un fond jaune. Vous pouvez copier le contenu mais pas écrire dans le champ.
input:read-only{
background-color: yellow;
}
Pseudo : <input type="text" value="dupond" readonly="readonly">
<br>
Age : <input type="text">
Testez vous-même ce sélecteur
Inconvénient
Ce sélecteur est déconseillé. Il suffit, en effet, d’utiliser les sélecteurs d’attribut à la place :
input[readonly].
Version : CSS3
Compatibilité
-moz- 
Le sélecteur read-only n’est pas pris en charge par Internet Explorer
A voir aussi
:required
:enabled
:checked
:invalid
:valid
:disabled
:read-write
:optional
:out-of-range
:in-range
:focus
