android - 无法完全摆脱 Android 4.1.2 上 Phonegap 3.0 应用程序中的点击突出显示颜色

Question

在 Android 4.1.2 上点击 Phonegap 3.0 应用中的元素时，我无法完全摆脱可怕的突出显示。

当点击某些元素时，我首先会在被点击的元素下方获得一个橙色(在这种情况下)突出显示，但随后会快速连续地显示父元素(或另一个祖先元素，不确定是哪个)也是 显示一个亮点!

我知道 setting a transparent color 可以“禁用”点击突出显示:

* {
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   -webkit-tap-highlight-color: transparent; /* For some Androids */
}

这实际上适用于我的应用程序中的大多数可点击元素，但在某些元素上，父/祖先元素仍然得到突出显示!我创建了一个 demo 它显示了它在我正在测试的设备(三星 Galaxy S3)上的外观。是的，没错。我正在使用 jsfiddle 作为动画工具 :-)

我已经尝试了另一个线程中讨论的所有内容:Disable orange outline highlight on focus .

由于点击高亮实际上在所有使用上述 css 规则点击的元素上都消失了，我开始怀疑这个次要的较大高亮表示的不是点击。但是我尝试将 css 规则扩展为也适用于 *:hover, *:active, *:focus 但没有成功。

我还尝试在 CSS 之外和 Android 应用程序本身中解决问题。第一 setLightTouchEnabled()在 WebSettings 中似乎很有希望，但是 A) 它不起作用，B) 从 API 级别 18 开始，它已经过时并且没有任何效果。

我真的很茫然。任何帮助都将不胜感激。

Answer 1

这是您需要的。

web kit tap color

最后浏览视频。会让你知道它是否正确。 :)

这里是 git hub 元素

github