删除Microsoft Edge的电话号码样式

我注意到,当新的Microsoft Edge浏览器检测到电话号码时,它将覆盖我的样式:

<span class="phone">(123)123-1234</span> 

看到这个jsfiddle (必须使用Microsoft Edge:P打开)。

这种侵入网站的devise,是相当讨厌的。 当然,这似乎是IE的继任者的特征:/

我怎样才能覆盖或禁用这个,所以我的网站用户不会看到它?

您可以通过在页面的标题中添加此元标记来摆脱它。

 <meta name="format-detection" content="telephone=no"> 

微软在这个标签上的文档 。

希望有一个更好的方法来closures全局,而不会膨胀页面…或更好的,但默认情况下禁用此function。

上面的答案完美的工作,但禁用点击拨打电话号码(这是一个主要问题,如果你正在build立一个响应网站)的能力。 我find了一个更好的工作,使电话号码链接。 例:

 <a href="tel:888-888-8888">(888) 888-8888</a> 

然后,您可以根据需要设置“链接”的样式,而CSS中的“a”样式将覆盖电话号码上的Edge和iPhone样式。 唯一的问题是,它使得电话号码成为所有设备的链接,但是我发现这不是一个问题,因为几乎每个设备都有某种点击呼叫function或应用程序。

如果您不想根据选定的答案build议禁用整个页面,则可以将以下属性添加到特定的标记

 <p x-ms-format-detection="none"> 

我遇到了这个问题,但是用例略有不同:突出显示的数字不是电话号码,所以我不需要任何特殊的格式。

例如,你可能有这样的东西:

 <div>The current date/time: May 08 2017 10:44:58 GMT Daylight Time</div> 

对于我*,Edge会将08 2017 10转换为电话号码链接。 谢谢,边缘!

我发现你可以通过在string中插入不可见的inline-block元素来解决这个问题:

 .notel{ display:inline-block; height:0px; width:0px; } 
 <span class="phone">(763)219-5222</span> <div>The current date/time: May 08 2017 10:44:58 GMT Daylight Time</div> <br> <span class="phone">(763)2<span class="notel"></span>19-5222</span> <div>The current date/time: May 08 2<span class="notel"></span>017 10:44:58 GMT Daylight Time</div>