From 149319bb8c7b1394a443f0877c3460cd362aa815 Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:58:15 +0200 Subject: move *.html to *.md --- files/fr/web/css/_colon_read-only/index.html | 100 --------------------------- 1 file changed, 100 deletions(-) delete mode 100644 files/fr/web/css/_colon_read-only/index.html (limited to 'files/fr/web/css/_colon_read-only/index.html') diff --git a/files/fr/web/css/_colon_read-only/index.html b/files/fr/web/css/_colon_read-only/index.html deleted file mode 100644 index 41a0a4a663..0000000000 --- a/files/fr/web/css/_colon_read-only/index.html +++ /dev/null @@ -1,100 +0,0 @@ ---- -title: ':read-only' -slug: 'Web/CSS/:read-only' -tags: - - CSS - - Pseudo-classe - - Refrence -translation_of: 'Web/CSS/:read-only' ---- -
{{CSSRef}}
- -

La pseudo-classe :read-only permet de cibler un élément que l'utilisateur ne peut pas modifier (l'élément est en lecture seule).

- -
/* Cible n'importe quel élément <input> */
-/* en lecture seule */
-
-/* Firefox utilise un préfixe */
-input:-moz-read-only {
-  background-color: #ccc;
-}
-
-/* Blink/WebKit/Edge n'ont pas de préfixe */
-input:read-only {
-  background-color: #ccc;
-}
- -
-

Note : Ce sélecteur ne permet pas de cibler que les éléments {{HTMLElement("input")}} ou {{HTMLElement("textarea")}} avec {{htmlattrxref("readonly", "input")}}. Il permet de sélectionner n'importe quel élément qui ne peut pas être édité par l'utilisateur.

-
- -

Syntaxe

- -{{csssyntax}} - -

Exemples

- -

CSS

- -
input { min-width: 25em; }
-input:-moz-read-only { background: cyan; }
-input:read-only { background: cyan; }
-
-p:-moz-read-only { background: lightgray; }
-p:read-only { background: lightgray; }
-p[contenteditable="true"] { color: blue; }
-
- -

HTML

- -
<input type="text" value="Un champ en lecture seule" readonly />
-<p contenteditable="true">
-  Essayez un peu d'éditer ce paragraphe.
-</p>
-<p>
-  Bonne chance pour celui-là !
-</p>
- -

Résultat

- -

{{EmbedLiveSample("Exemples")}}

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('HTML WHATWG', '#selector-read-only', ':read-only')}}{{Spec2('HTML WHATWG')}}Aucune modification.
{{SpecName('HTML5 W3C', '#selector-read-only', ':read-only')}}{{Spec2('HTML5 W3C')}}Définition de la sémantique relative à HTML et aux contraintes de validation.
{{SpecName('CSS4 Selectors', '#rw-pseudos', ':read-only')}}{{Spec2('CSS4 Selectors')}}Définition de la pseudo-classe mais pas de la sémantique associée.
- -

Compatibilité des navigateurs

- -

{{Compat("css.selectors.read-only")}}

- -

Voir aussi

- - -- cgit v1.2.3-54-g00ecf