表单提交的req.body.email自动生成<a>标签，如何修改其蓝色样式？

嘿，我完全懂你这会儿的头疼——邮件客户端会自动把识别到的邮箱地址转成带蓝色下划线的链接，哪怕你手动加了样式也不管用，毕竟这些<a>标签是客户端偷偷生成的。不过别慌，有几个实用的办法能解决这个问题：

方法一：HTML实体编码邮箱地址 #

把邮箱里的特殊字符转换成HTML实体，让邮件客户端没法识别出这是个邮箱地址，自然就不会生成链接了。你可以写个简单的处理函数：

// 工具函数：编码邮箱地址
function encodeEmail(email) {
  // 把@换成@，.换成.
  return email.replace(/@/g, '@').replace(/\./g, '.');
}

然后在你的邮件模板里，把直接输出data.email改成encodeEmail(data.email)，比如：

// 模板里输出邮箱的地方（示例）
message += `<p>用户邮箱：${encodeEmail(data.email)}</p>`;

方法二：强制覆盖邮箱链接的全局样式 #

虽然<a>标签是动态生成的，但我们可以用CSS属性选择器精准匹配所有mailto开头的链接，强制覆盖样式。在你的邮件模板的<style>标签里加上这段代码：

a[href^="mailto:"] {
  color: #fff !important;
  text-decoration: none !important;
}

因为你用了nodemailer-juice插件把样式内联，不过有些邮件客户端还是会优先读取<head>里的全局样式，这段代码能确保所有自动生成的邮箱链接都用上你想要的样式。

方法三：用特殊符号包裹邮箱（兼容性稍差） #

有些邮件客户端（比如Gmail）会识别=包裹的内容，停止自动链接转换，比如写成：

=johnsmith@test.com=

不过这个方法的兼容性不如前两个，只适合临时测试或者特定场景。

小细节提醒 #

另外注意下你代码里nodemailer-juice的调用，正确的写法应该是：

transporter.use('compile', inlineCss());

不需要把mailOptions传进去，插件会自动处理发送邮件时的内容样式内联哦。

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