您的位置:首页 > 移动开发 > 微信开发

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

2015-10-22 12:28 501 查看
今天在 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>




内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: