Pseudo Classe CSS :read-write
Le sélecteur :read-write sélectionne les éléments qui modifiables par l'utilisateur.
Les éléments qui sont modifiables comprennent:
- les éléments <input> qui ne sont pas à lecture seul et qui ne sont pas désactivés.
- <textarea> qui n'est ni à lecture seule ni désactivé.
- Un élément qui n'est pas un <input> ou un <textarea> , et qui a l'attribut contenteditable défini.
Le sélecteur :read-write fonctionne différement dans les différents navigateurs. Ce qui est considéré read-write dans un navigateur est considéré read-only dans un autre. Dans quelques navigateurs, le style peut ne pas être appliqué.
Version
Syntaxe
:read-write {
css declarations;
}Exemple
<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
<style>
input{
margin-bottom:10px;
border:1px solid #ddd;
padding:5px;
}
input:-moz-read-only {
background-color: #ccc;
}
input:read-only {
background-color: #ccc;
}
</style>
</head>
<body>
<h2>Exemple du sélecteur :read-write</h2>
<form>
<div>
<label for="read-write">Exemple1</label>
<input value="read-write input" id="read-write">
</div>
<div>
<label for="read-only">Exemple2</label>
<input readonly value="read-only input" id="read-only">
</div>
</form>
</body>
</html>Support de Navigateurs
|
|
|
|
|
|---|---|---|---|---|
| 36.0+ | 13.0+ | 3.0+ | 9.0+ | 23.0+ |
Pratiquez vos connaissances
Qu'est-ce que l'attribut 'contenteditable' en CSS avec la propriété read/write ?
Correcte!
Incorrecte!