我正在使用一个基本的HTML电子邮件模板。在消息的末尾,包括街道地址。
当我在Outlook web中打开电子邮件时,它会检测到地址并将其重新设置为Bing地图链接。
有没有什么方法可以保留我设置的样式?
<p style="font-family: Garamond, 'Times New Roman', Times, serif;">
123 E. Main St. SomeTown, USA 12345-6789
</p>
发布于 2019-03-05 08:46:05
你不能禁用一些电子邮件客户端中的链接,但对于这些客户端是有限制的。
‌
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标签禁用链接
<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:
设置tel 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>
希望这能帮助你回答你的问题。
https://stackoverflow.com/questions/54986406
复制相似问题