English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
:read-représente une pseudo-classe CSS qui indique qu'un élément (par exemple, un élément input de texte) peut être édité par l'utilisateur.
Manuel complet des sélecteurs CSS
Si l'élément <input> n'est pas en lecture seule, c'est-à-dire qu'il n'a pas l'attribut "readonly", le style de la boîte de saisie est défini en orange :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel de base (oldtoolbag.com)</title>/title>
<style>
input:read-write
{
background-color: orange;
}
input:-moz-read-write {
background-color: #bbf;
}
</style>
</head>
<body>
<h3> :read-Exemple de sélecteur write./h3>
<p>Élément <input> ordinaire :<br><input value="hello"></p>
<p>Élément <input> en lecture seule :<br><input readonly value="hello"></p>
<p> :read-Le sélecteur write sélectionne les éléments sans l'attribut "readonly".</p>
</body>
</html>Voyons voir ‹/›:read-Le sélecteur write correspond aux éléments lecture et écriture.
Attention : Actuellement, dans la plupart des navigateurs,-Le sélecteur write s'applique uniquement aux éléments <input> et <textarea> configurés.
Les nombres dans le tableau indiquent la version du premier navigateur prenant en charge cette propriété.
| Sélecteur | |||||
|---|---|---|---|---|---|
| :read-only | Pris en charge | Non pris en charge | -moz- | Oui | Oui |
/* Sélectionner tous les éléments <input> éditables */
/* Préfixe nécessaire dans Firefox */
input:-moz-read-write {
background-color: #bbf;
}
/* Supporté dans Blink/WebKit/Edge sans préfixe */
input:read-write {
background-color: #bbf;
}Attention : ce sélecteur ne sélectionne pas uniquement les éléments <input>, il sélectionne également tous les éléments éditables par l'utilisateur, par exemple les éléments <p> avec l'attribut contenteditable.
Sélecteurs CSS :read-only