【问题标题】:Edge style autodetected phone number links边缘样式自动检测的电话号码链接
【发布时间】:2018-08-20 18:35:44
【问题描述】:

如何在 Edge 中设置自动检测到的电话号码链接。我查看了标记,Edge 没有在其周围添加任何<a> 标签,就像可以设置样式的 iPhone 一样。它们始终具有标准的 Ede 蓝色和文本下划线。

但我希望它是深灰色的,而不是下划线。

CSS 选择器的外观如何,以设置边缘中自动检测到的电话号码链接的样式?

JSFiddle 示例:https://jsfiddle.net/9m4cb6pq/

我尝试了什么

设置 <meta name="format-detection" content="telephone=no"> 但是我不想使用它,因为并非所有用户都能设置正确的电话号码链接,这个功能非常有用。

编辑: 由于半天没有回答,我也在微软支持论坛问了(https://answers.microsoft.com/en-us/ie/forum/ie_other-windows_other/style-autodetected-phone-number-links/8363ffe5-fa22-469a-a24d-7b6e0cef7f23?tm=1480409687855

【问题讨论】:

    标签: css microsoft-edge


    【解决方案1】:

    请查看文档:

    https://msdn.microsoft.com/en-us/library/dn265018%28v=vs.85%29.aspx?f=255&MSPPError=-2147217396

    有书面说明,您可以防止这种行为:

    https://msdn.microsoft.com/en-us/library/dn337007(v=vs.85).aspx

    或者,您可以手动添加链接:

    <a href="tel:XXX-XXX-XXX">XXX-XXX-XXX</a>
    

    现在您可以手动进行样式设置了!

    【讨论】:

    • Quote: Setting 但是我不想使用它,因为并非所有用户都能设置正确的电话数字链接的功能非常有用。
    • 是的 - 我明白 - 所以使用 href="tel:" - 属性,一切都很好。访问者可以使用这些数字,您也可以对其进行样式设置。
    • 是的,但编辑可能不会设置。除了这个问题已经有 5 个类似的答案之外,我想要一个可以设置链接样式的答案。这个问题专门针对自动检测到的电话号码,应该设置样式,而不是如何使用与 tel 的链接,而不是如何显示该功能。
    • 仔细查看文档链接。有一段关于“控制电话号码检测” - 如果您想设置这些号码的样式,您别无选择。
    • 添加&lt;a href="tel:XXX-XXX-XXX"&gt;XXX-XXX-XXX&lt;/a&gt; 是个坏主意,因为在许多平台上它会提供一个不可用或损坏的链接(或指向某些愚蠢应用程序的链接),同时让浏览器自动突出显示并能够风格会更好。没有电话功能的桌面浏览器会简单地忽略它,而手机会将其设置为可点击的号码(具有您想要的样式)。如果我们在路上没有 Edge,那将是完美的。有什么解决办法吗?
    猜你喜欢
    • 2019-01-27
    • 1970-01-01
    • 2012-07-10
    • 1970-01-01
    • 2012-03-10
    • 2011-05-30
    • 1970-01-01
    • 2014-08-15
    • 1970-01-01
    相关资源
    最近更新 更多