::spelling-error

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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:

Syntax

css
::spelling-error {
  /* ... */
}

Examples

Simple document spell check

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

HTML

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

CSS

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

Result

Specifications

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

Browser compatibility

BCD tables only load in the browser

See also