防止在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;
});

Mousedown方法

$("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

在galaxy设备上,"-webkit-tap-highlight-color"仅适用于

-webkit-tap-highlight-color:transparent;