css - 手机上怎么去掉a 标签中的img点击时的阴影？

Question

点击时会出现阴影如下图：

怎么去掉呢？
试过-webkit-tap-highlight-color不起效果

Answer 1

a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

我这里第一句话就解决了，不知你怎么写的没效果

Answer 2

Answer 3

一般a标签被按住时会出现这个阴影
所以解决方法也是针对a标签

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