-webkit-tap-highlight-color

点击高亮效果

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
    <title>Title</title>
    <style>
        a {
            display: block;
            width: 100px;
            height: 100px;
            /*轻击 轻触*/
            -webkit-tap-highlight-color: bisque;

        }
    </style>
</head>

<body>
    <a href="javascript:;">22</a>
</body>

</html>

高亮在移动端默认是存在的，默认颜色是浅灰色

取消点击高亮

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
    <title>Title</title>
    <style>
        a {
            display: block;
            width: 100px;
            height: 100px
            -webkit-tap-highlight-color: transparent;	                        -			 /*tap-highlight-color: transparent;*/
        }
    </style>
</head>

<body>
    <a href="javascript:;">22</a>
</body>

</html>