::spelling-error
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Das ::spelling-error CSS Pseudo-Element repräsentiert ein Textsegment, welches vom User-Agent als falsch geschrieben markiert wurde.
Zulässige Eigenschaften
Nur eine kleine Untermenge 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
| Specification |
|---|
| CSS Pseudo-Elements Module Level 4 # selectordef-spelling-error |
Browser-Kompatibilität
BCD tables only load in the browser