Javascript 关闭触摸设备上onClick元素的覆盖选择

我正在构建一个web应用程序，但是在点击一个按钮或者至少是一个可点击的对象之后，它会得到一个蓝色的覆盖，就像一个文本选择，但是在对象上。这只发生在触摸设备上，而不是我的台式机上

它是用HTML和CSS构建的，所以我希望有人知道一个合适的解决方案

我花了大约20个截图，因为这个覆盖层只在不到半秒的时间内可见。对于那些想知道我真正的意思的人；检查这张照片。我已经在iPhone（5）和Android（Nexus5）上测试过了，这两款手机（尽管颜色不同）似乎都有这种视觉效果。它要么是HTML的东西，要么是设备本机的东西。有一件事是肯定的：它可以被触发，因为我从来没有在普通的应用程序中看到过。注意：这发生在任何可点击的项目上，而不仅仅是文本链接。

谢谢

试试看

工作

a{
-moz用户选择：无；
-webkit用户选择：无；
-ms用户选择：无；
用户选择：无；
}

我很高兴找到了正确的方法来调整触摸设备这个愚蠢的习惯。这非常容易

您可以在一般情况下关闭此选项（如下面的代码），也可以将自己的类/ID添加到选择器中

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

就这样

---

在一些安卓和iOS设备上进行了测试，包括iPhone 5和Nexus 5

，我想这是为了让用户可以看到该项目是可点击的。如果你关心无障碍性，你不会做任何事。在桌面上，当您使用“tab”按钮，或单击并按住链接上的鼠标按钮（出现虚线边框）时，也会得到相同的结果。如果您想更改它，请查找CSS属性

outline

（用于桌面）。根据您的评论，您会说所有当前的移动开发人员（本机和web应用程序）都不关心（较少）可访问性？因为我从未在我遇到的任何应用程序中看到过如此蓝色（或任何颜色）的叠加。在我看来，如果用户不知道它是可点击的，那么你的设计是错误的。此时，这个覆盖看起来很可怕，但更糟糕的是：整个应用程序是绿色的，覆盖是蓝色的。这把整个风格搞砸了。无论如何，我会看一看

大纲

，谁知道这可能会奏效。谢谢请看我在开场白中添加的截图。这是您的JSFIDLE的屏幕截图，蓝色覆盖层仍然出现。

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