html - chrome mobile中的onclick按钮上的蓝色高亮显示？

当我点击移动Chrome中的按钮时。蓝色出现几秒钟。如何将其删除？我想设计自己的样式，例如涟漪效果。我在检查工具中找不到与其连接的任何伪类。

*:focus {
      outline: none;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
}


div.filterButton{
      position: relative;
      padding-top: 10px;
      cursor: pointer;
      overflow: hidden;
}

最佳答案

好的，所以在调试其他站点之后，我就知道了原因

它是-webkit-tap-highlight-color只需使其透明即可。全做完了。

*:focus {
    -webkit-tap-highlight-color: transparent;
    outline: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}