::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 Pseudoelement repräsentiert ein Textsegment, das vom Benutzeragenten als falsch geschrieben markiert wurde.
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 Untereigenschaftentext-decorationund die zugehörigen Eigenschaftentext-emphasis-colortext-shadow
Syntax
css
::spelling-error {
/* ... */
}
Beispiele
Einfache Rechtschreibprüfung im Dokument
In diesem Beispiel sollten unterstützte 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