W3cubDocs

/CSS

::spelling-error

This is an experimental technology
Check 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:

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 Status Comment
CSS Pseudo-Elements Level 4
The definition of '::spelling-error' in that specification.
Working Draft Initial definition.

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
::spelling-error No No No No No No
Mobile
Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
::spelling-error No No No No No No

See also

© 2005–2020 Mozilla and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/::spelling-error