求助：如何在邮件中设置删除线颜色与文本颜色不同

嘿，我太懂你在邮件里折腾这个需求的痛苦了——邮件客户端对CSS的支持简直是个“百花齐放”的重灾区，你试过的那些方法在浏览器里可能管用，但到了Outlook、老版Gmail里就直接“罢工”。下面给你几个实测有效的方案，分场景用：

1. 全客户端兼容的终极方案（伪删除线） #

这个方法用绝对定位的边框模拟删除线，几乎能在所有邮件客户端里生效，包括顽固的Outlook桌面版。优化了你最后尝试的图片方案，用边框代替图片，加载更快也更清晰：

<span style="color: #444; position: relative; display: inline-block;">
  strike with different color
  <span style="position: absolute; top: 50%; left: 0; width: 100%; border-top: 1px solid #ff0000; transform: translateY(-50%);"></span>
</span>

• 关键点：用display: inline-block确保色块能完全包裹文本，transform: translateY(-50%)让删除线刚好居中，避免偏移。

2. 现代邮件客户端的原生方案（渐进增强） #

如果你的收件人大多用Gmail、Apple Mail、Outlook 365这类现代客户端，直接用原生的text-decoration-color就够了，代码最简洁：

<span style="color: #444; text-decoration: line-through; text-decoration-color: #ff0000;">
  strike with different color
</span>

⚠️ 注意：Windows版Outlook完全不认这个属性，所以只能作为“能生效就生效，不生效拉倒”的增强方案。

3. 老客户端的备选障眼法 #

有些特别老的邮件客户端不认text-decoration-color，但可以试试嵌套span的思路——外层设置红色删除线，内层把文本改成目标颜色：

<span style="color: #ff0000; text-decoration: line-through;">
  <span style="color: #444;">strike with different color</span>
</span>

不过这个有个坑：部分客户端会强制把删除线颜色改成内层文本的颜色，所以效果不稳定，只建议作为最后备选。

总结一下：追求全兼容就选方案1；面向现代用户选方案2；老客户端兜底可以试试方案3。

内容的提问来源于stack exchange，提问作者zoyeb-khan