<ins> and <del> 的样式

能否为 <ins><del> 添加以下样式?

ins { text-decoration: underline; }
del { text-decoration: line-through; }

示例:

但听,是什么光透过那那边的窗户射入?

删除用红色、插入用绿色是非常惯例的做法。文字处理软件的功能(如 Word 的“修订”模式)也普遍使用下划线和删除线。我使用的 Chrome 浏览器的默认样式表也是如此。但在 Discourse 论坛上,我只看到带有背景色的文本。

我怀疑是 Discourse 的 CSS 重置覆盖掉了这些样式。

6 个赞

仅依赖颜色对红绿色盲人士来说略显困难,因此这在此处也可能有所帮助… 模拟示例:

Screen Shot 2021-11-02 at 1.30.56 PM

5 个赞

我认为这也值得考虑颜色提示是否应该是 backgroundcolor 或两者兼有。

2 个赞

所以您建议我们在这里同时使用_颜色_和下划线/删除线?如果 @awesomerobot 您想加入,对我来说没问题,这似乎是一个很小的简单改动。

1 个赞

法律上的惯例是绿色文本和下划线表示插入,红色文本和删除线表示删除。我认为 GitHub prose diff 使用绿色背景和下划线表示插入,红色背景和删除线表示删除。

我强烈建议结合使用颜色和文本装饰。至于给文本、背景还是两者都着色,我没有强烈意见,只要插入和删除的方法相同即可。

也许还值得考虑一下暗模式。我刚查看了一个 GitHub prose diff,在暗模式的灰色背景上很难看清样式。

3 个赞

没问题,如果 @awesomerobot 同意,我们就这么做!

4 个赞

我注意到 GitHub _只_在评论中为 <ins><del> 提供下划线和删除线。但我可以确认我确实怀念颜色。没有了颜色提示,很难一眼就挑出大块内容的所有更改。

4 个赞

仍然赞成。如果 @awesomerobot 同意,我们就这么做。

2 个赞

这会影响到所有人吗?我用它们来做高亮。哈哈

4 个赞

它会影响到所有人,但 标记 也适用于 高亮显示

我认为我们应该同时进行颜色和文本样式设置;我们会处理的,只是优先级不高。

3 个赞
8 个赞

但是绿色和红色提供了更多选项。能否将其设置为仅高亮显示或添加文本样式?

我已经在博客中大量使用过它们。它将彻底改变它们。

示例:

2 个赞

Kris需要100%确认,但我99%确定我们可以通过您网站上的主题组件快速覆盖新的下划线/删除线。

3 个赞

是的,当然!我会更新您的主题,这样就不会有任何变化!

4 个赞

也许 @ThunderThighs 会喜欢 mark.red、mark.green、mark.blue 等样式的颜色?

许多使用荧光笔的朋友喜欢拥有多种颜色的荧光笔。

如果颜色编码很重要,您还可以考虑为屏幕阅读器使用 :before 和 :after 内容。否则,我明白许多屏幕阅读器不会读出 mark 标签,只会读出其内容。

5 个赞