::grammar-error

В правиле с ::grammar-error в качестве селектора можно использовать только небольшой подмножество свойств CSS:

• color
• background-color
• cursor
• caret-color
• outline и его длинные формы
• text-decoration и связанные с ним свойства
• text-emphasis-color
• text-shadow

В этом примере будущие поддерживающие браузеры должны выделять любые помеченные грамматические ошибки указанными стилями.

HTML

<p contenteditable spellcheck="true">
  My friends is coming to the party tonight.
</p>

CSS

::grammar-error {
  text-decoration: underline red;
  color: red;
}

Результат

• ::spelling-error