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

时间:2017-12-01 08:26:53

标签: html css pug html-email

我在Jade中有一个电子邮件模板,其中包含“链接”,或基本上包含.com的文字字符串,例如www.site.com

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

这就是代码的样子:

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

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

如何解决这个问题的任何想法将不胜感激!

4 个答案:

答案 0 :(得分:0)

不推荐使用font标记:

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

尝试使用<span><p>元素,如下所示:

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

答案 1 :(得分:0)

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

尝试在css中设置样式标记。

答案 2 :(得分:0)

尝试使用此代码

//Product gets added first time:
[Id]   [ProductId] [Quantity] [ShoppingCartId]
[6092] [5]         [1]        [6091]

//The same product is added again:
[Id]   [ProductId] [Quantity] [ShoppingCartId]
[6092] [5]         [2]        [6091]

并在样式标记中编写此代码::

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

答案 3 :(得分:-1)

在检查元素后,我发现电子邮件客户端包含了任何看起来像锚标签内链接的字符串。

我为解决这个问题所采取的措施是,不是使用类似fontspan的包装器标记作为url字符串,而是将其直接包含在锚标记中,并使用内联样式设置颜色{{ 1}}

我的最终输出如下:

!important