blocks|key|2334383|text|你不能禁用一些电子邮件客户端中的链接，但对于这些客户端是有限制的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2334384|&zwnj;|offset|length|style|CODE|2334385|Use+CSS您可以使用零宽度非连接符|unordered-list-item|2334386|使其看起来像普通文本|ordered-list-item|2334387|用户元标记(适用于iOS)|2334388|2334389|2334390|Gmail:|BOLD|2334391|选项1:|2334392|将您的电话号码或地址封装在span标记中，并使用全局CSS将其作为目标。|2334393|​|2334394|.address{color:#000001;+text-decoration:none;}|code-block|syntax|javascript|2334395|++++<p+style="font-family:+Garamond,+'Times+New+Roman',+Times,+serif;">
++++++++<span+class="address">123+E.+Main+St.+SomeTown,+USA+12345-6789
++++|2334396|2334397|原因是Gmail添加了对href进行着色的CSS|2334398|.ii+a[href]+{+color:+#15c;+}|2334399|你也可以用你的CSS覆盖它(试一试)。|2334400|选项2:|2334401|您可以使用CSS覆盖所有链接样式，强制它从父级继承样式。|2334402|2334403|u+%2B+#body+a+{
++++color:+inherit;
++++text-decoration:+none;
++++font-size:+inherit;
++++font-family:+inherit;
++++font-weight:+inherit;
++++line-height:+inherit;
}|2334404|<body+id="body">
</body>|2334405|2334406|iOS:|2334407|2334408|使用meta标签禁用链接|2334409|<meta+content="telephone=no"+name="format-detection">|2334410|2334411|使用零宽度非连接器(&zwnj;)|2334412|<p+style="font-family:+Garamond,+'Times+New+Roman',+Times,+serif;">
++++1&zwnj;2&zwnj;3+E.+Main+St.+SomeTown,+USA+12345-6789
|2334413|选项3:|2334414|设置tel+url方案的样式(也适用于Android)|2334415|a[href%5E=tel]{+color:#000;+text-decoration:none;}|2334416|选项4:|2334417|样式化邮件的数据检测器选择器|2334418|2334419|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;
}|2334420|<p+style="font-family:+Garamond,+'Times+New+Roman',+Times,+serif;">
++++123+E.+Main+St.+SomeTown,+USA+12345-6789
|2334421|2334422|希望这能帮助你回答你的问题。|2334423|entityMap^0|0|0|6|0|0|0|0|0|0|0|6|0|0|4|0|0|0|0|0|0|0|0|0|0|4|0|0|0|0|0|0|0|4|0|0|4|0|0|0|0|4|0|A|6|0|0|0|4|0|0|0|0|4|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|2K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|2L|8|@$D|2M|E|2N|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|2O|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|2P|8|@]|9|@]|A|$]]|$1|N|3|O|5|M|7|2Q|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|2R|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|2S|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|2T|8|@$D|2U|E|2V|F|T]]|9|@]|A|$]]|$1|U|3|V|5|6|7|2W|8|@$D|2X|E|2Y|F|T]]|9|@]|A|$]]|$1|W|3|X|5|6|7|2Z|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|30|8|@]|9|@]|A|$]]|$1|10|3|11|5|12|7|31|8|@]|9|@]|A|$13|14]]|$1|15|3|16|5|12|7|32|8|@]|9|@]|A|$13|14]]|$1|17|3|Z|5|6|7|33|8|@]|9|@]|A|$]]|$1|18|3|19|5|6|7|34|8|@]|9|@]|A|$]]|$1|1A|3|1B|5|12|7|35|8|@]|9|@]|A|$13|14]]|$1|1C|3|1D|5|6|7|36|8|@]|9|@]|A|$]]|$1|1E|3|1F|5|6|7|37|8|@$D|38|E|39|F|T]]|9|@]|A|$]]|$1|1G|3|1H|5|6|7|3A|8|@]|9|@]|A|$]]|$1|1I|3|Z|5|6|7|3B|8|@]|9|@]|A|$]]|$1|1J|3|1K|5|12|7|3C|8|@]|9|@]|A|$13|14]]|$1|1L|3|1M|5|12|7|3D|8|@]|9|@]|A|$13|14]]|$1|1N|3|Z|5|6|7|3E|8|@]|9|@]|A|$]]|$1|1O|3|1P|5|6|7|3F|8|@$D|3G|E|3H|F|T]]|9|@]|A|$]]|$1|1Q|3|V|5|6|7|3I|8|@$D|3J|E|3K|F|T]]|9|@]|A|$]]|$1|1R|3|1S|5|6|7|3L|8|@]|9|@]|A|$]]|$1|1T|3|1U|5|12|7|3M|8|@]|9|@]|A|$13|14]]|$1|1V|3|1F|5|6|7|3N|8|@$D|3O|E|3P|F|T]]|9|@]|A|$]]|$1|1W|3|1X|5|6|7|3Q|8|@$D|3R|E|3S|F|G]]|9|@]|A|$]]|$1|1Y|3|1Z|5|12|7|3T|8|@]|9|@]|A|$13|14]]|$1|20|3|21|5|6|7|3U|8|@$D|3V|E|3W|F|T]]|9|@]|A|$]]|$1|22|3|23|5|6|7|3X|8|@]|9|@]|A|$]]|$1|24|3|25|5|12|7|3Y|8|@]|9|@]|A|$13|14]]|$1|26|3|27|5|6|7|3Z|8|@$D|40|E|41|F|T]]|9|@]|A|$]]|$1|28|3|29|5|6|7|42|8|@]|9|@]|A|$]]|$1|2A|3|Z|5|6|7|43|8|@]|9|@]|A|$]]|$1|2B|3|2C|5|12|7|44|8|@]|9|@]|A|$13|14]]|$1|2D|3|2E|5|12|7|45|8|@]|9|@]|A|$13|14]]|$1|2F|3|Z|5|6|7|46|8|@]|9|@]|A|$]]|$1|2G|3|2H|5|6|7|47|8|@]|9|@]|A|$]]|$1|2I|3|-4|5|6|7|48|8|@]|9|@]|A|$]]]|2J|$]]

You can not disable links in a few email clients but there are walkarounds for these.

<ol>
<li>You can use zero width non-joiner <code>&amp;zwnj;</code></li>
<li>Use CSS to make it look like normal text</li>
<li>User meta tags (for iOS)</li>
</ol>

Gmail:

Option 1:

Wrap your telephone number or address in a span tag and use a global CSS to target it.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.address{color:#000001; text-decoration:none;}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;p style="font-family: Garamond, 'Times New Roman', Times, serif;"&gt;
 &lt;span class="address"&gt;123 E. Main St. SomeTown, USA 12345-6789&lt;/span&gt;
 &lt;/p&gt;</code></pre>
</div>
</div>


Reason is Gmail adds CSS that colors a href

<pre><code>.ii a[href] { color: #15c; }
</code></pre>

You might be able to overwrite this with your CSS as well (give it a try).

Option 2:

You can use a CSS to overwrite all link styling, forcing it to inherit the style from the parent.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>u + #body a {
 color: inherit;
 text-decoration: none;
 font-size: inherit;
 font-family: inherit;
 font-weight: inherit;
 line-height: inherit;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body id="body"&gt;
&lt;/body&gt;</code></pre>
</div>
</div>


iOS:

Option 1: 

Use meta tag to disable links

<pre><code>&lt;meta content="telephone=no" name="format-detection"&gt;
</code></pre>

Option 2:

Use zero-width-non-joiner (<code>&amp;zwnj;</code>)

<pre><code>&lt;p style="font-family: Garamond, 'Times New Roman', Times, serif;"&gt;
 1&amp;zwnj;2&amp;zwnj;3 E. Main St. SomeTown, USA 12345-6789
&lt;/p&gt;
</code></pre>

Option 3:

Styling the tel url scheme (also works for Android)

<pre><code>a[href^=tel]{ color:#000; text-decoration:none;}
</code></pre>

Option 4:

Styling mail's data detector selector

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>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;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p style="font-family: Garamond, 'Times New Roman', Times, serif;"&gt;
 123 E. Main St. SomeTown, USA 12345-6789
&lt;/p&gt;</code></pre>
</div>
</div>


Hope this helps in answering your question.

I'm working with a basic HTML email template. At the end of the message, a street address is included.

When I open the email in Outlook web; it detects the address and re-styles it into a Bing map link.

Is there anyway to preserve the styles I set?

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

Prevent Outlook (Web) Style Change on Street Address

Android

我正在使用一个基本的HTML电子邮件模板。在消息的末尾，包括街道地址。当我在Outlook web中打开电子邮件时，它会检测到地址并将其重新设置为Bing地图链接。有没有什么方法可以保留我设置的样式？<p style="font-family: Garamond, 'Times New Roman', Times, s...

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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