html - chrome mobile 中点击按钮上的蓝色突出显示？

Question

当我点击移动 chrome 中的按钮时。蓝色会出现几秒钟。我该如何删除它？我想设计一些属于我自己的东西，比如涟漪效应。我在检查工具中找不到任何附加到它的伪类。

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


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

Answer 1

这是 -webkit-tap-highlight-color 默认行为。

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