:read-write CSS sélecteur

Définition de la CSS :read-write.

La pseudo-classe CSS :read-write permet de cibler tous les éléments HTML :

acceptant l'attribut readonly et dont l'attribut readonly n'est pas spécifié.
acceptant l'attribut contenteditable et dont l'attribut contenteditable est spécifié à true; et autre qu'INPUT et TEXTAREA.
Si document.designMode est égale à off l'attribut contenteditable considéré comme égale à true.

Exemple de syntaxe CSS :read-write :

:read-write{
  /* Propriétés */
}
identifiant:read-write{
  /* Propriétés */
}

Exemple de code :read-write CSS

Conditions d'application de la CSS :read-write.

La pseudo-classe de feuille de style :read-write CSS ne peut pas se déclarer dans l'attribut HTML ou XHTML STYLE.
La pseudo-classe CSS :read-write doit être déclarée dans une balise HTML ou XHTML STYLE.

Problème d'interprétation de :read-write en Css.

La pseudo-classe CSS :read-write pause des problèmes sur Firefox qui inclue les type=radio et type=checkbox (02-2020).

Règles de syntaxes CSS pour :read-write.

Attention à l'écriture de :read-write

La pseudo-classe CSS :read-write s'applique sur différents types d'élément HTML ou XHTML acceptant l'attribut read-write. Vous pouvez donc si nécessaire mettre un sélecteur devant pour un ciblage plus précis, sinon les propriétés seront appliquées à l'ensemble des éléments HTML ou XHTML acceptant :read-write.

Dans le cas ci-dessous l'identifiant est collé à ":". Dans ce cas nous demandons d'appliquer les propriétés sur les éléments HTML ou XHTML qui ont "identifiant".

Code CSS :

.identifiant:read-write{ /* Propriétés css */ }
#identifiant:read-write{ /* Propriétés css */ }

Dans le cas ci-dessous l'identifiant est espacé de ":". Dans ce cas nous demandons d'appliquer les propriétés sur les éléments HTML ou XHTML dont le parent direct ou indirect est "identifiant".

Exemple de code :

.identifiant :read-write{ /* Propriétés css */ }
#identifiant :read-write{ /* Propriétés css */ }

Info complémentaire sur :read-write

Attention, la pseudo-classe CSS ":read-write" a une écriture un peu spéciale, "read-write" est toujours précédée de ":".

La pseudo-classe CSS :read-write ne peut pas être déclarée dans une balise HTML ou XHTML avec l'attribut HTML ou XHTML "STYLE" ou dans une feuille de style externe.
Elle se déclare dans une balise HTML ou XHTML "STYLE" de votre page :

Exemple d'écriture CSS :disabled dans une balise STYLE

<STYLE>
  input:read-write{}
</STYLE>

Compatibilités navigateurs du sélecteur :read-write

Détails des versions de la CSS :read-write: Sélecteur :read-write est compatible avec CSS4 et plus.

Résumé du support navigateurs de la CSS :read-write: Sélecteur CSS :read-write est compatible à partir de Chrome 4; Sélecteur CSS :read-write est compatible sous une forme préfixée à partir de Firefox 2; Sélecteur CSS :read-write est compatible à partir de Internet Explorer ou Edge 13; Sélecteur CSS :read-write est compatible à partir de Opera 10; Sélecteur CSS :read-write est compatible à partir de Safari 4; Sélecteur CSS :read-write est compatible à partir de Chrome Android 80; Sélecteur CSS :read-write est compatible sous une forme préfixée à partir de Firefox Android 68; Sélecteur CSS :read-write est compatible à partir de iOS Safari 3.2

Sélecteurs CSS préfixées de :read-write

Vous trouverez ci-dessous les propriétés CSS préfixées équivalentes au sélecteur :read-write CSS :

Pour faire fonctionner le sélecteur de feuille de style CSS :read-write sur Firefox :

Exemple de Css :read-write

.boxreadwrite:-moz-read-write{
  /* Propriétés */
}
.boxreadwrite:read-write{
  /* Propriétés */
}

Exemples et astuces CSS pour utiliser :read-write

readonly suivant la valeur de l'attribut type de INPUT

L'attribut readonly n'est pas accepté sur la balise HTML INPUT pour les valeurs de type suivante :

checkbox
radio
file
range
color
submit

L'attribut readonly est accepté pour les autres valeurs de type.

Votre avis sur la définition :read-write en CSS

Votez pour la définition CSS `:read-write`

Votes: 5 / 5 - 1 vote
Cliquez sur une étoile pour voter.