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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (26)

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

当我在Outlook网站中打开电子邮件时; 它会检测地址并将其重新设置为Bing地图链接。

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

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

您无法在少数电子邮件客户端中禁用链接,但有这些链接。

  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:

样式化电子邮件方案(也适用于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>

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

扫码关注云+社区

领取腾讯云代金券