<ins> and <del> 的样式

用户体验
1

Would it be possible to add the following styling for <ins> and <del>?

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

Example:

But soft, what light through thatyonder window breaks?

Red for deletions and green for insertions are very much conventional. Word processor features, such as Word’s Track Changes, universally use underlining and strikeout, as well. The default stylesheet of my Chrome browser does likewise. But I just see background-colored text on Discourse forums.

I suspect Discourse’s CSS reset may be clobbering it.

6 个赞
2

Relying on color alone is a little rough for red-green colorblind people, so that could help here too… simulated example:

Screen Shot 2021-11-02 at 1.30.56 PM

5 个赞
3

I suppose it’s also worth considering whether the color cue should be background, color, or both.

2 个赞
4

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

1 个赞
5

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

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

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

3 个赞
6

没问题，如果 @awesomerobot 同意，我们就这么做！

4 个赞
9

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

4 个赞
10

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

2 个赞
11

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

4 个赞
12

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

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

3 个赞
13
8 个赞
14

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

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

示例：

image
image711×116 18.8 KB

2 个赞
15

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

3 个赞
16

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

4 个赞
17

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

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

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

5 个赞