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

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

下面的屏幕截图显示了这种恼人的行为。在左侧，正在触摸一个样式化的DIV元素；在右侧，具有相同样式的DIV元素处于正常状态

在网上做了一点研究，包括在StAccess上阅读一些问题之后，我可以使用<代码> -WebKIT TAP突出显示颜色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点击突出显示颜色

按照上述CSS的预期工作

使现代化 我已在以下设备上测试了该应用程序：

我发现这个轮廓不仅仅在小米手机2和2上消失了。我猜这是因为这些设备上的默认浏览器（或者更准确地说，是安装在MIUIROM上的）与Android股票上的不同

尽管如此，我仍在寻找一种方法来解决这个问题，如果有的话