`<ins>`と`<del>`のスタイリング

以下の <ins><del> に対するスタイルを追加することは可能でしょうか?

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

例:

But soft, what light through thatyonder window breaks?

削除は赤、挿入は緑というのが非常に一般的です。Word の「変更履歴」のようなワープロ機能も、すべて下線と取り消し線を使用しています。私の Chrome ブラウザのデフォルトスタイルシートも同様です。しかし、Discourse フォーラムでは背景色付きのテキストしか表示されていません。

Discourse の CSS リセットがこれを上書きしているのではないかと疑っています。

「いいね!」 6

色だけに頼るのは、赤緑色覚異常の人には少し不親切です。そのため、これも役立ちます…シミュレーション例:

Screen Shot 2021-11-02 at 1.30.56 PM

「いいね!」 5

また、色のヒントは backgroundcolor、あるいはその両方であるべきかどうかも検討する価値があると思います。

「いいね!」 2

では、ここで両方の色と下線/取り消し線を使用することを提案しますか? @awesomerobot、もしあなたがそれを折り込むことを望むなら、それは非常に簡単な変更のようです。

「いいね!」 1

法律における標準は、挿入には緑色の文字と下線、削除には赤色の文字と取り消し線です。GitHubのプロセスの差分表示は、挿入には緑色の背景と下線、削除には赤色の背景と取り消し線を使用していると思います。

色とテキスト装飾を組み合わせることを強くお勧めします。挿入と削除のアプローチが同じであれば、テキスト、背景、またはその両方を色付けするかどうかについては、特に意見はありません。

ダークモードについても検討する価値があるかもしれません。GitHubのプロセスの差分表示を今確認したのですが、ダークモードのグレーの背景ではスタイルが見えにくいです。

「いいね!」 3

構いませんよ。@awesomerobot さんが賛成なら、やりましょう!

「いいね!」 4

GitHubはコメント内でのみinsdelのアンダーラインと打ち消し線のみをサポートしていることに気づきました。しかし、色がないと大きなコンテンツの変更点を一目で把握するのが難しいです。

「いいね!」 4

賛成のままです。@awesomerobot が同意すれば、実行しましょう。

「いいね!」 2

これは皆に影響しますか?私はそれらをハイライトに使用しています。笑

「いいね!」 4

それはすべての人に影響しますが、<mark><mark>ハイライト</mark>にも役立ちます!

色とテキストの両方のスタイリングを行うべきだと思います。それはまだですが、優先度が低いだけです。

「いいね!」 3
「いいね!」 8

しかし、緑と赤はより多くのオプションを提供します。ハイライトのみ、またはテキストスタイルの追加を行う設定にすることはできますか?

ブログでかなり使っています。それらは完全に変わります。

例:

「いいね!」 2

クリスが100%確認する必要があるが、あなたのサイトのテーマコンポーネントで新しい下線/取り消し線をすぐに上書きできると99%確信している。

「いいね!」 3

はい、もちろんです!テーマを更新しますので、何も変更はありません!

「いいね!」 4

おそらく @ThunderThighs は mark.red、mark.green、mark.blue などのスタイルを好むのではないでしょうか?

ハイライターを使う友人の多くは、複数の色を好みます。

色分けが重要であれば、スクリーンリーダー用の :before および :after コンテンツも検討するかもしれません。そうでなければ、多くのスクリーンリーダーは mark タグではなく、その内容のみを発声することは理解しています。

「いいね!」 5