::spelling-error

A pseudo-element that allows you to customize the styling of words that the browser identifies as having spelling errors.

Quick example

::spelling-error {
  /* Customizes the look of misspelled words in editable fields */
  background-color: rgba(255, 0, 0, 0.2);
  text-decoration: underline wavy red;
}

::spelling-error Browser Support

Newly availableSince 202583% global usage

Since 2025 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Works in all modern browsers. May need a fallback for older browsers.

121+
137+
26.2+
121+
ESC