防止在街道地址上更改Outlook(Web)样式

时间:2019-03-04 15:30:37

标签: html html-email email-templates outlook-web-app

我正在使用基本的HTML电子邮件模板。消息末尾包含街道地址。

当我在Outlook Web中打开电子邮件时;它会检测到该地址,并将其重新设置为必应地图链接的样式。

反正还有保留我设置的样式吗?

<p style="font-family: Garamond, 'Times New Roman', Times, serif;">
    123 E. Main St. SomeTown, USA 12345-6789
</p>

1 个答案:

答案 0 :(得分:3)

您不能在一些电子邮件客户端中禁用链接,但是有一些解决方法。

  1. 您可以使用零宽度的非联接&zwnj;
  2. 使用CSS使其看起来像普通文本
  3. 用户元标记(适用于iOS)

Gmail:

选项1:

将您的电话号码或地址包装在span标签中,并使用全局CSS定位。

.address{color:#000001; text-decoration:none;}
    <p style="font-family: Garamond, 'Times New Roman', Times, serif;">
        <span class="address">123 E. Main St. SomeTown, USA 12345-6789</span>
    </p>

原因是Gmail添加了为href上色的CSS

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

您也可以用CSS覆盖它(尝试一下)。

选项2:

您可以使用CSS覆盖所有链接样式,强制其从父项继承样式。

u + #body a {
    color: inherit;
    text-decoration: none;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
}
<body id="body">
</body>

iOS:

选项1:

使用元标记禁用链接

<meta content="telephone=no" name="format-detection">

选项2:

使用零宽度非连接符(&zwnj;

<p style="font-family: Garamond, 'Times New Roman', Times, serif;">
    1&zwnj;2&zwnj;3 E. Main St. SomeTown, USA 12345-6789
</p>

选项3:

设置电话url方案的样式(也适用于Android)

a[href^=tel]{ color:#000; text-decoration:none;}

选项4:

设置邮件数据检测器的样式

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;
}
<p style="font-family: Garamond, 'Times New Roman', Times, serif;">
    123 E. Main St. SomeTown, USA 12345-6789
</p>

希望这有助于回答您的问题。