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

Question

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

当我在 Outlook web 中打开电子邮件时；它检测地址并将其重新设置为 Bing 映射 link.

有没有办法保留我设置的样式？

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

Answer 1

您无法在一些电子邮件客户端中禁用 links，但有一些解决方法。

您可以使用零宽度非连接器&zwnj;
使用CSS使其看起来像普通文本
用户元标记（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 添加了 CSS 为 href

着色

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

您也可以用 CSS 覆盖它（试一试）。

选项 2：

您可以使用 CSS 覆盖所有 link 样式，强制它从父级继承样式。

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:

使用元标记禁用 links

<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>

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

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

Prevent Outlook (Web) Style Change on Street Address

html

html-email

email-templates

outlook-web-app