防止在Android WebView中突出显示可单击div

Question

我在Android应用程序中使用了一个全屏WebView，使用API级15。我正在使用jQuery的.click函数使一些开关开关可点击。这种方法工作得很好，但是单击处理程序会在元素被点击时以透明的蓝色高亮显示按钮，这是很难看的。

所有这些办法都没有防止突出这一要素：

CSS方法

div.pill
{
    outline: none;
}

点击方法

$("div.pill").click(function(Event)
{
    // ... other code here ...
    Event.stopPropagation();
    Event.preventDefault();
    return false;
});

鼠标向下逼近

$("div.pill").mousedown(function(Event)
{
    // ... other code here ...
    Event.stopPropagation();
    Event.preventDefault();
    return false;
});

下面是一个蓝色突出显示的div示例：

​

​

有人知道如何防止可点击的div在单击时被突出显示吗？

Answer 1

将下面的代码放在CSS文件中：

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

Answer 2

在银河设备上“-webkit-点击-高亮-颜色”只适用于

-webkit-tap-highlight-color:transparent;