阻止街道地址上的Outlook (Web)样式更改
阻止街道地址上的Outlook (Web)样式更改
提问于 2019-03-04 23:30:37
我正在使用一个基本的HTML电子邮件模板。在消息的末尾，包括街道地址。
当我在Outlook web中打开电子邮件时，它会检测到地址并将其重新设置为Bing地图链接。
有没有什么方法可以保留我设置的样式？
<p style="font-family: Garamond, 'Times New Roman', Times, serif;">
123 E. Main St. SomeTown, USA 12345-6789
</p>回答 1
Stack Overflow用户
回答已采纳
发布于 2019-03-05 08:46:05
你不能禁用一些电子邮件客户端中的链接，但对于这些客户端是有限制的。
‌
- Use 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添加了对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>
希望这能帮助你回答你的问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54986406
复制相关文章
相似问题