HTML 邮件中邮件地址的内联样式答案

【问题标题】：inline style for mailadresses in HTML mailHTML 邮件中邮件地址的内联样式
【发布时间】：2020-05-09 03:46:37
【问题描述】：

我正在发送包含人们信息的电子邮件，但我遇到了一个问题。我使用的是蓝色背景，当文本中有电子邮件时，我看不到它：

如您所见，我无法阅读其背后的电子邮件，因为它是一个可点击的链接。由于我在邮件中使用它，我需要内联 CSS 来解决这个问题。邮件文本的当前 HTML 和 CSS：

<td style="box-sizing: border-box;color: #fff;padding: .75rem;vertical-align: top;border-top: 1px solid #dee2e6;border: 0;font-family: &quot;Roboto&quot;, sans-serif !important;background-color: transparent!important; color: #fff !important; text-decoration: none !important;">mail@mail.com</td>

【问题讨论】：

标签： html css email hyperlink html-email

【解决方案1】：

看起来td 单元格中的电子邮件地址被电子邮件客户端包裹在a 标记中，以将其视为超链接。您可以自己显式添加它并在那里应用特定的内联样式。

见下文。我没有触及包含 td 单元格本身的任何内容。

html

<a href="mailto:mail@mail.com" style="color: #fff; text-decoration: none;">
  mail@mail.com
</a>

【讨论】：