我正在使用基本的HTML电子邮件模板。消息末尾包含街道地址。
当我在Outlook Web中打开电子邮件时;它会检测到该地址,并将其重新设置为必应地图链接的样式。
反正还有保留我设置的样式吗?
<p style="font-family: Garamond, 'Times New Roman', Times, serif;">
123 E. Main St. SomeTown, USA 12345-6789
</p>
答案 0 :(得分:3)
您不能在一些电子邮件客户端中禁用链接,但是有一些解决方法。
‌
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:
使用零宽度非连接符(‌
)
<p style="font-family: Garamond, 'Times New Roman', Times, serif;">
1‌2‌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>
希望这有助于回答您的问题。