ios 微信浏览器电话号码自动添加a标签

今天在 ios 微信访问页面时遇到的一个问题。

如下代码:在 ios 微信中访问时,电话号码部分颜色会改变为#333;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .tel{color:#333;}</style>
</head>
<body>
    <p class="tel"><span style="font-weight:bold;">客服电话:</span><span style="color:#ff6a00;">400-1682616</span></p>
</body>
</html>

原因是因为默认给电话号码添加了 a 标签。

解决办法如下(给 a 标签增加样式):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .tel{color:#333;}
        .tel a{color:#ff6a00;text-decoration:none;}  //修改后
    </style>
</head>
<body>
    <p class="tel"><span style="font-weight:bold;">客服电话:</span><span style="color:#ff6a00;">400-1682616</span></p>
</body>
</html>

ios 微信浏览器电话号码自动添加a标签

ios 微信浏览器电话号码自动添加a标签

上一篇:微信小程序のwxs语言


下一篇:关于python中导入第三方库所产生的Requirement already satisfies错误解决方案