更改手机版电话号码的蓝色答案

【问题标题】：Changing the blue color of phone number on mobile version更改手机版电话号码的蓝色
【发布时间】：2022-02-05 03:17:32
【问题描述】：

在我的网站 (IOS) 的移动版本上，电话号码显示为蓝色，我想删除蓝色或将其更改为其他颜色。

我更喜欢使用：内联样式

这是我的代码

<section class="xs-header-top">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-md-8">
                <div class="header-top-info">
                    <ul>
                        <li><i class="icon icon-map-marker2"></i> Chicago/li>
                        <li><i class="icon icon-envelope"></i> frfee.meo@hotmail.com</li>
                        <li><i class="icon icon-phone3"></i> (434) 434-45343</li>
                    </ul>
                </div>
            </div><!-- .col end -->

我试着添加这个style="color:yellow"

<li><i class="icon icon-phone3", style="color:yellow"></i> (434) 434-45343</li>

但是它改变了 ICON 颜色，这不是我想要的。我想把电话号码颜色改成白色。

【问题讨论】：

"但它改变了 ICON 颜色，这不是我想要的。我想将电话号码颜色更改为白色。" 那么为什么不将内联样式应用于父母<li> 代替？您能解释一下为什么不符合您的要求吗？
当我在父
中应用颜色时，它在 IOS 上做同样的事情。号码还是蓝色的

【解决方案1】：

尝试将电话号码添加到它自己的 css 元素（即 span）

<li><i class="icon icon-phone3"></i><span style="color:yellow">(434) 434-45343</span></li>

【讨论】：

谢谢，桌面版的颜色变了，手机版的数字还是蓝色的
您可以尝试添加 !important 属性，该属性将覆盖任何以前的样式，例如：style="color:white !important"
我刚试了下还是蓝色的
我能想到的最后一件事是添加 text-decoration:none。所以：style="color:white !important; text-decoration:none;"

【解决方案2】：

将此添加到 head 标签：

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

【讨论】：

虽然这确实会阻止浏览器对检测到的电话号码进行样式设置，但它也删除了“自动”超链接功能，OP 并未表明他们是否真的在寻找。
我猜这将删除点击通话选项