移动端点击有背景和阴影

前言

在移动端端点击效果会出现背景或者阴影。

去除背景

在移动端点击有背景是因为加了 cursor: pointer;这属性引起的。
解决方法是使用媒体查询判断在 web 端添加，移动端去除。

.test {
   @media (min-width: 960px) {
        cursor: pointer; 
    }
}

去除阴影

.test {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}