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在电子邮件中发现地址或电话号码时，它会自动添加一个额外的样式声明，该声明会将未附加内联样式的电子邮件中的任何链接格式化为蓝色：

.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;）和空格（ ）添加到地址或电话号码，以使这些数字不会成为链接。这通常是客户端请求禁用链接。

HTML：

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

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

上使用的CSS

希望这能回答你的问题。

电子邮件签名

1 个答案: