-webkit-tap-highlight-color:  rgba(255, 255, 255, 0);

解决此问题，因为它将高光颜色设置为透明。
来源：http://samcroft.co.uk/2012/alternative-to-webkit-tap-highlight-color-in-phonegap-apps/

据我所知，弗拉德K的答案可能会导致一些Android设备的问题.更好的解决方案：

-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;

只需将其添加到样式表中，并将class="no_highlights"属性添加到您希望应用该类的元素中即可。

.no_highlights{
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

或者你可以通过删除类名来全局地对所有元素执行此操作。

button,
    textarea,
    input,
    select,
    a{
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -webkit-tap-highlight-color: transparent;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
      user-select: none;
    
    }

谢谢：）但无论如何，蓝色边框是作为辅助功能存在的。它看起来很糟糕，但是，它帮助了最需要它的人。

根据docs，您可以简单地执行以下操作：

-webkit-tap-highlight-color: transparent; /* for removing the highlight */

它适用于Android的Chrome 68和Windows的Chrome 80。

添加到CSS

css

html {
   -webkit-tap-highlight-color: transparent;
}

顺风

@layer base {
  html {
    -webkit-tap-highlight-color: transparent;
  }
}

我认为最合理的答案是使用**-webkit-tap-highlight-color：透明;**它在所有浏览器中模糊，我自己在我的博客https://www.ramlyhaba.com/上实现了它