电子邮件签名答案

【问题标题】：Email signature电子邮件签名
【发布时间】：2018-07-24 20:19:33
【问题描述】：

所以我做了一个电子邮件签名，它在桌面版 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>

【问题讨论】：

Styling HTML email for Gmail 的可能重复项。简而言之：Gmail 仅支持文档的 head 内的 style 标签
你真的需要使用a标签吗？它应该是一个链接吗？您可以考虑改用span。
@Nailgun 是的，它是一个链接。我尝试更改 span 的 a 标签，这样桌面 gmail 中的链接就会变成蓝色..
我的回答对你有用吗？

标签： html html-email

【解决方案1】：

当 Gmail 在电子邮件中发现地址或电话号码时，它会自动添加额外的样式声明，将电子邮件中没有附加内联样式的任何链接格式化为蓝色：

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

如何解决？

选项 1：

将电话号码或地址包装在 中
给  一个班级。示例：
在电子邮件的<style> 部分声明课程。

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 创建的所有链接添加默认样式，要使其正常工作，您需要将正文 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 的链接，请点击 the source of the above example code，它可以充分解释所有内容。

选项 3：（我通常使用的）

在地址或电话号码中添加一个零宽度的非连接代码 (&zwnj;) 和空格 (&nbsp;)，这样这些数字就不会成为链接。这通常是客户端请求禁用链接。

HTML：

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

您在本示例中需要的所有 CSS 都将是您在 HTML/中使用的 CSS/

希望这能回答你的问题。

【讨论】：