::spelling-error

可用性有限

此功能不是基线功能,因为它在一些最广泛使用的浏览器中无法正常工作。

::spelling-error CSS 伪元素 表示用户代理已标记为拼写错误的文本段。

允许的属性

仅一小部分 CSS 属性可以在选择器中包含 ::spelling-error 的规则中使用

语法

css
::spelling-error {
  /* ... */
}

示例

简单的文档拼写检查

在此示例中,最终支持的浏览器应使用显示的样式突出显示任何标记的拼写错误。

HTML

html
<p contenteditable spellcheck="true">
  My friends are coegdfgfddffbgning to the party tonight.
</p>

CSS

css
::spelling-error {
  text-decoration: wavy red underline;
}

结果

规范

规范
CSS 伪元素模块级别 4
# selectordef-spelling-error

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅