1.禁止电话和邮箱
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
//加下面这行代码可以禁止点击数字时拨打电话,点击邮箱字符时发送邮箱
<meta name="format-detection" content="telephone=no,email=no"/>
<title></title>
</head>
<body>
<p>1383838438</p>
//要想在禁止掉电话和邮箱的情况下实现打电话和发邮件可以使用如下方式
<a href="tel:110">1383838438</a>
<a href="mailto:13838@qq.com">1383838438</a>
</body>
</html>
2.解决链接按钮高亮问题(css样式)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
a{
text-decoration: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
button{
border: none;
outline: none;
}
input[type="button"]{
border: none;
outline: none;
}
</style>
</head>
<body>
<a href="javascript:;">1383838438</a>
<button type="button">button</button>
<input type="button" value="input" />
</body>
</html>
3.解决圆角过圆的问题(现在好像不需要了)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
input[type="button"]{
width: 50px;
height: 50px;
border-radius: 5px;
outline: none;
-webkit-appearance:none
}
</style>
</head>
<body>
<input type="button" value="input" />
</body>
</html>