Chromium 拼写和语法功能

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

Delan Azabani 深入探讨了 CSS 中即将(希望如此)推出的 ::spelling-error::grammar-error 伪选择器。设计控制总是很不错。嘿,如果我们可以 设置滚动条样式设置选中文字的样式,为什么不能设置这个呢?

几十年来,表示可能的拼写或语法错误的波浪线一直是计算机文字处理中的一个重要组成部分。但在网络上,这些指示器由浏览器提供支持,而浏览器并不总是拥有将它们放置和呈现得最合适所需的信息。例如,作者可能希望提供自己的语法检查器(放置),或调整颜色以提高对比度(渲染)。

为了解决这个问题,CSS 伪元素和文本装饰规范定义了新的伪元素 ::spelling-error::grammar-error,允许作者设置这些指示器的样式,以及新的 text-decoration-linespelling-errorgrammar-error,允许作者使用与原生指示器相同的装饰标记文本。

这篇文章也很独特,因为 Delan 实际上是在浏览器中实现此功能的人。因此,其中包含了关于所有这些内容有多复杂以及需要考虑的所有因素的各种深入细节。有点像,你知道的,网络开发。很高兴看到这一点。我一直觉得,尽管后者是前者工作的直接使用者,但浏览器工程师和网站作者之间似乎沟通很少,这很奇怪。

现在有 第二部分了。仍处于非常早期的阶段。

直接链接 →