电子邮件模板 Link 颜色不会改变

Question

我在 Jade 中有一个电子邮件模板，其中包含 "links"，或者基本上是带有 .com 的文本字符串，例如 www.site.com

它们实际上并未包含在锚标记中，但是在发送电子邮件时，它们显示为链接。我试过设置字体、锚点的样式，并将它们置于内联或内部样式标签中，但似乎没有任何效果。

代码如下所示：

<font color='#e64c65'>!{site}</font>

站点将是我之前描述的字符串。我曾尝试将 font 更改为 a，但它只是删除了所有样式并使字符串成为常规的无样式文本。

任何关于如何解决这个问题的想法都将不胜感激！

Answer 1

字体标签已弃用：

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/font

尝试使用 <span> 或 <p> 元素，如下所示：

<span style="color: #e64c65;">!{site}</span>

Answer 2

可能 {site} 已被完整的 a-tag 替换，因此更改字体没有影响。

尝试在 css 中设置 a 标签的样式。

Answer 3

尝试使用此代码

<p style="color: #e64c65;" color='#e64c65'>!{site}</p>

并在样式标签中写入此代码::

a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

Answer 4

检查该元素后，我发现电子邮件客户端将任何看起来像 link 的字符串包含在锚标记内。

我为解决这个问题所做的是，我没有为 url 字符串使用像 font 或 span 这样的包装标签，而是直接将它包含在锚标签中并使用了内联样式!important

的颜色

我的最终输出是这样的：

a(href=site style={ color: '#e64e65 !important' }) !{site}

电子邮件模板 Link 颜色不会改变

Email Template Link Color wont change

html

css

html-email

pug