::spelling-error

Experimental: 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:

css

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

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;
}

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

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`::spelling-error`	No	No	No	No	No	No	No	No	No	No	No	No