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>

 

posted @ 2015-10-22 12:28  白小虫  阅读(579)  评论(0)  编辑  收藏  举报