::spelling-error CSS pseudo-element
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Das ::spelling-error CSS Pseudoelement repräsentiert ein Textsegment, das von der Benutzer-Agent als falsch geschrieben markiert wurde.
Das ::spelling-error-Pseudoelement folgt einem speziellen Vererbungsmodell, das allen Hervorhebungs-Pseudoelementen gemeinsam ist. Weitere Einzelheiten zur Funktionsweise dieser Vererbung finden Sie im Abschnitt Vererbung von Hervorhebungs-Pseudoelementen.
Zulässige Eigenschaften
Nur eine kleine Teilmenge von CSS-Eigenschaften kann in einer Regel mit ::spelling-error im Selektor verwendet werden:
colorbackground-colorcursorcaret-coloroutlineund seine Langformentext-decorationund die dazugehörigen Eigenschaftentext-emphasis-colortext-shadow
Syntax
css
::spelling-error {
/* ... */
}
Beispiele
Grundlegende Dokument-Rechtschreibprüfung
In diesem Beispiel sollten unterstützende Browser jegliche markierten Rechtschreibfehler mit den gezeigten Stilen hervorheben.
HTML
html
<p contenteditable spellcheck="true">
My friends are coegdfgfddffbgning to the party tonight.
</p>
CSS
css
::spelling-error {
text-decoration: wavy red underline;
}
Ergebnis
Spezifikationen
| Spezifikation |
|---|
| CSS Pseudo-Elements Module Level 4 # selectordef-spelling-error |