::spelling-error and ::grammar-errorLimited availability

The ::spelling-error and ::grammar-error CSS pseudo-elements match text that is highlighted as misspelled and grammatically incorrect, respectively.

Not yet supported in all major browsers — check the table and provide a fallback.

How to use ↓Compare browsers

Browser support

DesktopChrome

1–120Not supported

121+Supportedsince Jan 23, 2024

Current: 155

Edge

12–120Not supported

121+Supportedsince Jan 25, 2024

Current: 154

Firefox

✕Not supportedup to 157

Current: 157

Safari

1–17.3Not supported

17.4+Supportedsince Mar 5, 2024

Current: 27

MobileChrome Android

18–120Not supported

121+Supportedsince Jan 23, 2024

Current: 155

Firefox Android

✕Not supportedup to 157

Current: 157

Safari iOS

1–17.3Not supported

17.4+Supportedsince Mar 5, 2024

Current: 27

How to use

Not supported in Firefox, Firefox Android. Use feature detection below and provide a fallback (or a polyfill) for those browsers.

Example

Full syntax and examples are on MDN: ::grammar-error.

Feature detection

CSS · check before using

@supports selector(:grammar-error) {
  /* styles that use :grammar-error */
}

/* or in JavaScript */
if (CSS.supports("selector(:grammar-error)")) {
  // use it
}

Documentation (MDN)

Specification

Sub-features

Support for each part of the feature (2). The overall table above shows when the whole feature works.

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
grammar-error	121	121	✕	17.4	121	✕	17.4
spelling-error	121	121	✕	17.4	121	✕	17.4