电子邮件签名

Question

所以我做了一个电子邮件签名，它在桌面 Gmail 中工作正常。问题是，当我在桌面版 Outlook 中打开电子邮件时，链接会变成蓝色并带有下划线。我该如何解决这个问题？

这是我的HTML

<td style="font-family:'Open Sans', sans-serif;color:#000000;font-size:9px;line-height: 14px;font-weight: 400;">
    <a style="color:#000000!important;text-decoration:none!important;" href="" target="_blank" data-saferedirecturl="">
        Av.Infante Santo, 69 a-c | 1350-177 Lisboa - Portugal
    </a>
</td>

Answer 1

当 Gmail 在电子邮件中发现地址或 phone 号码时，它会自动添加一个额外的样式声明，该声明会格式化电子邮件中没有附加内联样式的任何 link，如蓝色：

.ii a[href] { color: #15c; }

如何修复？

选项 1：

将电话phone号码或地址包裹在
给出 一个class。示例：
在电子邮件的 <style> 部分声明 class。

CSS:

.contact a {color:#000000!important; text-decoration:underline!important;}

HTML:

<span class="contact">675 Massachusetts Ave.<br>Cambridge, MA 02139, USA</span>

选项 2：

为 Gmail 创建的所有 link 添加默认样式，为此，您需要向电子邮件正文添加正文 ID（在此示例中）。

CSS:

u + #body a {
    color: inherit;
    text-decoration: none;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
}

HTML:

<body id="body">
</body>

如果您想阅读有关 Gmail link 的更多信息，请点击此处 the source of the above example code，其中对所有内容进行了全面解释。

选项3：（我常用的）

向地址或 phone 号码添加零宽度非连接器代码 (&zwnj;) 和 space ( )，这样数字就不会变成link。这通常是客户端请求禁用 link.

HTML:

1&zwnj;3&zwnj;5&zwnj;0-1&zwnj;7&zwnj;7 Lisboa

您在此示例中需要的所有 CSS 将是您在 HTML/

上使用的那些

希望这能回答您的问题。

电子邮件签名

Email signature

html

html-email