Les pseudo-éléments ::grammar-error et ::spelling-error.

::grammar-error
::spelling-error

Résumé des caractéristiques du sélecteur ::grammar-error

Description rapide
Des pseudo-élément ciblant les textes comportant des fautes d'orthographe (::spelling-error) ou des fautes de grammaire (::grammar-error).
Statut
Problèmes de compatibilité ⚠
Module W3C
Module CSS - Pseudo-éléments
Références (W3C)
Statut du document: WD (document de travail)

Description des pseudo-éléments ::grammar-error et ::spelling-error.

Ces deux pseudo-éléments désignent les mots ou parties de textes qui comportent des fautes :

  • ::spelling-error identifie les fautes d'orthographe,
  • ::grammar-error identifie les fautes de grammaire (grammar).

Mais à l'heure actuelle (2025) Firefox   ne reconnaît toujours pas le pseudo-élément ::grammar-error.

La vérification d'orthographe ou de grammaire peut être désactivée avec l'attribut HTML spellcheck="false", ce qui rend également inopérants les pseudo-éléments ::grammar-error et ::spelling-error.

Un nombre limité de propriété peut s'appliquer à ces sélecteurs :

  • Les couleurs d'avant plan et d'arrière plan : color, background-color.
  • Les propriétés de cursor : cursor et caret-color.
  • Les encadrement : outline et les propriétés détaillées.
  • La décoration de texte : text-decoration et les propriétés détaillées.
  • La couleur de mise en emphase : text-outline-color.
  • L'ombrage du texte : text-shadow.

Exemple.

Les vérifications d'orthographe et de grammaire s'effectuent lorsque la zone de saisie est active : cliquez sur le texte ci-dessous. Libre à vous d'ajouter ou de corriger des fautes pour observer le comportement de votre navigateur.
Il se peut que vous soyez obligé d'installer le vérificateur de grammaire.

Compatibilité des navigateurs.

La prise en charge des pseudo-classes et ::spelling-error et encore imparfaite, en particulier sur le navigateur Firefox, pourtant très utilisé.

1
Pseudo-classe
::grammar-error
2
Pseudo-classe
::spelling-error
Estimation de la prise en charge globale.

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

UC Browser pour Androïd

Opéra Mobile

QQ Browser

Baidu Browser

Opéra

Samsung Internet

Firefox pour Androïd

Chrome

Edge

Firefox

Chrome pour Androïd

Androïd Brower

Safari sur IOS

Safari

KaiOS Browser

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.
Caniuse
Caniuse

Historique des pseudo-éléments ::grammar-error et ::spelling-error.

Autres pseudo-éléments.

Rappelons que les pseudo-éléments sont des sélecteurs qui ciblent des éléments non délimitées par des balises, contrairement aux classes qui ciblent des éléments qui sont dans un état donné. De nombreux pseudo-éléments sont définis dans le module de standardisation CSS Pseudo-Elements Module . En voici la liste :

Sélecteurs :

::after
Pseudo-élément désignant l'emplacement situé juste après un élément.
::before
Pseudo-élément désignant l'emplacement situé juste avant un élément.
::details-content
Ce pseudo-élément cible le contenu détaillé d'une balise details.
::file-selector-button
Cible le bouton dans une zone de saisie du type file. Ce bouton a un rendu différent dans chaque navigateur.
::first-letter
Pseudo-élément désignant la première lettre du paragraphe.
::first-line
Pseudo-élément désignant la première ligne du paragraphe.
::highlight()
Pseudo-élément qui cible le texte sélectionné à la suite d'une recherche dans le navigateur.
✗
::inactive-selection
Désigne l'élément ou le texte sélectionné lorsque la fenêtre sur laquelle il se trouve n'est pas active.
::marker
Pseudo-élément désignant le marqueur dans une liste (puce ou numéro).
::placeholder
Pseudo-élément désignant le texte de substitution dans une zone de saisie (attribut placeholder).
⚠
::prefix
Cible les caractères de ponctuation qui peuvent précéder la première lettre d'un élément. Permet une stylisation différente de la première lettre et des caractères qui la précède.
⚠
::search-text
Cible le texte recherché par l'internaute (zone de recherche CTRL+F du navigateur).
::selection
Pseudo-élément désignant le contenu sélectionné par l'utilisateur.
::spelling-error
Pseudo-élément désignant les mots ou les textes comportant des fautes d'orthographe.
⚠
::suffix
Cible les caractères de ponctuation qui peuvent suivre la première lettre d'un élément. Permet une stylisation différente de la première lettre et des caractères de ponctuation qui la suivent.
::target-text
Cible le texte de l'élément désigné par le signet de l'url.