Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

::spelling-error 

::spelling-error

Experimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production.

The ::spelling-error CSS pseudo-element represents a text segment which the user agent has flagged as incorrectly spelled.

Allowable properties

Only a small subset of CSS properties can be used in a rule with ::spelling-error in its selector:

color background-color cursor caret-color outline and its longhands text-decoration and its associated properties text-emphasis-color text-shadow

Syntax

::spelling-error 

Examples

Simple document spell check

In this example, eventual supporting browsers should highlight any flagged spelling errors with the styles shown.

HTML

<p contenteditable spellcheck="true">My friends are coegdfgfddffbgning to the party tonight.</p> 

CSS

::spelling-error  {   text-decoration: wavy red; } 

Result

Specifications

Specification
CSS Pseudo-Elements Module Level 4 # selectordef-spelling-error

See also

::grammar-error Select your preferred language English (US)EspañolFrançais日本語中文 (简体) Change language