CSS/Selektoren/spelling-error

Browserunterstützung
caniuse.com

Der :spelling-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

::spelling-error {}

anwendbar auf

alle Elemente, bes. aber

• input
• textarea
• Elemente mit contenteditable-Attribut

Beispiel

::spelling-error {
  text-decoration: underline hotpink;
  color: hotpink;
}

Text, dessen Schreibweise vom Browser als falsch erkannt wird, wird pink 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 ::spelling-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
   

• HTML/Attribute/spellcheck
• ::grammar-error

Weblinks

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