Android Webview中可点击元素的橙色轮廓

Question

我正在为Android设备构建Cordova应用程序。有一件事让我很烦恼：每次点击可点击的元素时，都会显示半透明的橙色背景和橙色轮廓。

以下屏幕截图显示了这种烦人的行为。在左侧，正在触摸风格的DIV元素;在右侧，具有相同风格的DIV元素处于正常状态。

经过一些在线研究，包括阅读StackOverflow上的一些问题，我可以使用-webkit-tap-highlight-color CSS属性删除中间的橙色突出显示。

然而，较暗的橙色轮廓（带圆角）仍然存在。我也尝试过以下CSS：

*, *:focus, *:active, *:hover{
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    outline: rgba(0, 0, 0, 0);
}

不过，每当我碰到任何可点击的元素时，都会出现轮廓。

很奇怪，我发现文本选择和触摸标注也没有被阻止。只有-webkit-tap-highlight-color按照预期从上面的CSS中工作。

更新

我已在以下设备上测试了该应用：

• XiaoMi Mi-One
• XiaoMi Phone 2
• XiaoMi Phone 2S
• Samsung Galaxy S III
• Samsung Galaxy Note II

我发现大纲不会仅在小米手机2和2S上消失。我想这是因为这些设备上的默认浏览器（或者更准确地说，在安装的MIUI ROM上）与Android现货不同。

不过，如果有的话，我正在寻找解决这个问题的方法。