Microsoft Edge 忽略 text-decoration:none;我的电话号码答案

【问题标题】：Microsoft Edge ignores text-decoration:none; for my telephone numberMicrosoft Edge 忽略 text-decoration:none;我的电话号码
【发布时间】：2017-10-31 05:50:18
【问题描述】：

我的网站上有我的号码，上面有一张图片作为链接，所以移动用户只需点击它并给我打电话。我正在通过几个浏览器检查我的网站，Microsoft Edge 将电话号码下划线并将颜色更改为蓝色以表明它是一个超链接。即使在将 text-decoration 声明为 none 之后，它也会继续这样做。

为了不在流量很大的网站上广播我的电话号码，我不想提供我网站的链接。但是，我可以用假数字显示这段代码：

<div class="col-6"> <!-- NOTE: Phone -->
  <img src="images/phone.png" alt="Phone" usemap="#phone">
  <map name="phone" id="phone">
    <area shape="circle" coords="64,64,64" href="tel:5555555555" alt="Phone">
  </map>
  <h3 style="text-align:center;text-decoration:none;">555.555.5555</h3>
</div>

感谢任何和所有反馈，因为我是相对较新且自学成才的人，因此请原谅任何可能看起来奇怪的代码。

【问题讨论】：

标签： html microsoft-edge text-decorations

【解决方案1】：

遇到了同样的问题。根据 caniuse.com，Edge 不支持它。

https://caniuse.com/#search=text-decoration

【讨论】：

其实是支持的，看脚注。其实我自己也只是在 Edge 17 上测试过。

【解决方案2】：

您可以使用以下元标记一起启用/禁用 IE 中的电话号码检测

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

或者您可以使用以下属性为单个元素禁用它

x-ms-format-detection="none"

至于删除您在问题中提出的样式，您不能用文本装饰覆盖它。虽然您可以做的是在删除浏览器放置在那里的人造下划线之后为链接设置样式。

【讨论】：