如何修改HTML邮件中的链接默认蓝色为自定义颜色？

问题原因 #

多数邮件客户端会自动识别页面中的纯文本网址，自动将其包裹进自带默认蓝色样式的<a>标签中，你之前仅给外层span、font元素设置样式，优先级低于a标签的默认样式，因此无法生效。

可行解决方案 #

• 方案1：手动包裹a标签，直接给a标签加内联样式（最通用，适配99%邮件客户端）
  直接把网址手动写为完整的a标签结构，所有样式直接写在a标签的style属性里，示例代码如下：

<a href="https://www.xyz.com" style="color: #959595; text-decoration: none;">www.xyz.com</a>

• 方案2：双重样式兼容顽固客户端
  针对老版Outlook、部分移动端邮箱等对样式解析规则特殊的客户端，可以再在a标签内层套一层带相同样式的span做双重保险，示例代码如下：

<a href="https://www.xyz.com" style="color: #959595; text-decoration: none;">
  <span style="color: #959595; text-decoration: none;">www.xyz.com</span>
</a>

• 方案3：纯文本展示场景可选方案
  如果不需要该网址可点击，仅作为纯文本展示，可以在网址字符中间插入零宽空格​破坏客户端的链接识别规则，示例如下：

<span style="color: #959595;">www.xyz&#8203;.com</span>

内容的提问来源于stack exchange，提问作者RolandHU