在Android 4.1.2上的Phonegap 3.0应用程序中无法完全摆脱点按高亮颜色

Question

在Android 4.1.2上点击Phonegap 3.0应用程序中的元素时,我完全摆脱了可怕的亮点.

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

我知道通过设置透明颜色可以"禁用"点击突出显示:

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

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

我试图在另一个线程讨论的一切:禁用橙色轮廓亮点焦点.

由于点击突出显示实际上在上面用css规则点击的所有元素上消失了,我开始怀疑这个次要的较大高亮显示除了点击之外的其他内容.但我试图扩展css规则也适用于*:hover, *:active, *:focus没有成功.

我也试图在css之外和Android应用程序本身攻击问题.WebSettings中的第一个setLightTouchEnabled ()看起来很有希望,但A)它没有用,B)从API级别18它已经过时并且没有效果.

我真的很茫然.任何帮助都将非常感激.

Answer 1

这是你需要的.

最后看完视频.会告诉你它是否正确.:)

这是git hub项目