This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The ::grammar-error CSS pseudo-element represents a text segment which the user agent has flagged as grammatically incorrect.
::grammar-error {
color: green;
} Only a small subset of CSS properties can be used in a rule with ::grammar-error in its selector:
colorbackground-colorcursorcaret-coloroutline and its longhandstext-decoration and its associated propertiestext-emphasis-colortext-shadow::grammar-error
| Specification | Status | Comment |
|---|---|---|
| CSS Pseudo-Elements Level 4 The definition of '::grammar-error' in that specification. | Working Draft | Initial definition. |
| Desktop | ||||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
| Basic support | No | No | No | No | No | No |
| Mobile | |||||||
|---|---|---|---|---|---|---|---|
| Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | No | No | No | No | No | No | No |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/::grammar-error