::spelling-error
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Der ::spelling-error CSS Pseudo-Element repräsentiert ein Textsegment, das vom User-Agent als falsch geschrieben markiert wurde.
Das ::spelling-error Pseudo-Element folgt einem speziellen Vererbungsmodell, das allen Hervorhebungs-Pseudo-Elementen gemein ist. Weitere Details dazu, wie diese Vererbung funktioniert, finden Sie im Abschnitt Hervorhebungs-Pseudo-Elemente Vererbung.
Erlaubte 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 zugehörigen Eigenschaftentext-emphasis-colortext-shadow
Syntax
css
::spelling-error {
/* ... */
}
Beispiele
Grundlegende Dokumenten-Rechtschreibprüfung
In diesem Beispiel sollten unterstützende Browser alle 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 |