CSS/Selektoren/grammar-error

Browserunterstützung
caniuse.com

Der :grammar-error-Selektor erzeugt ein Pseudoelement, mit denen Sie Textabschnitte formatieren können, die von der integrierten Rechtschreib- oder Grammatikprüfung des Browsers markiert wurden.

Syntax

::grammar-error {}

anwendbar auf

alle Elemente, bes. aber

• input
• textarea
• Elemente mit contenteditable-Attribut

Beispiel

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

Text, der vom Browser als grammatikalisch falsch erkannt wird, wird rot eingefärbt.
Dabei wird dies hauptsächlich bei Eingaben mit textarea oder dem contenteditable-Attribut in Verbindung mit spellcheck="true" verwendet.

Beachten Sie: Nur eine kleine Teilmenge von CSS-Eigenschaften kann in einer Regel mit ::grammar-error im Selektor verwendet werden:

• color
• background-color
• cursor
• caret-color
• outline
• text-decoration
• text-emphasis-color
• text-shadow

Siehe auch

• 

  Formulare
  • Was ist ein Webformular?
  • Benutzereingaben zugänglich gestalten
  • browsereigene Validierung
   
• Eingabe von Text
  • autocomplete und spellcheck
    - aber nicht bei Logins!
  • Rechtschreibprüfung
   

Weblinks

• CSSWG: grammar-error Selectors Level 4
• MDN: ::grammar-error
• Browser-Support: caniuse.com