首页 > 代码库 > 移除手机端a标签点击自动出现的边框和背景

移除手机端a标签点击自动出现的边框和背景

手机端a标签会自动补充出现边框或者背景,使得用户知道a标签的点击状态,但样式很不好看

<!DOCTYPE html><html>  <head>    <meta charset="utf-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <title>我的生活</title>    <meta name="viewport" content="initial-scale=1, maximum-scale=1">    <link rel="shortcut icon" href="/favicon.ico">    <meta name="apple-mobile-web-app-capable" content="yes">    <meta name="apple-mobile-web-app-status-bar-style" content="black">    <style>        a{            border:none;            -webkit-tap-highlight-color: rgba(0,0,0,0);            -webkit-tap-highlight-color:transparent;            outline:none;            }    </style>  </head>  <body>    <a href="https://www.baidu.com/">测试边框</a>  </body></html>
其中对a添加样式
a{            border:none;            -webkit-tap-highlight-color: rgba(0,0,0,0);            -webkit-tap-highlight-color:transparent;            outline:none;            }

-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent; 都可以将该阴影透明化,进而解决那个丑丑的边框问题

移除手机端a标签点击自动出现的边框和背景