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

时间:2012-11-29 07:18:00

标签: android webview

我在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的示例:

WebView screenshot

是否有人知道如何防止可点击的div在点击时突出显示?

2 个答案:

答案 0 :(得分:35)

将以下代码放在CSS文件中:

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

答案 1 :(得分:10)

在galaxy设备上“-webkit-tap-highlight-color”仅适用于

-webkit-tap-highlight-color:transparent;