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

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

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

-webkit-tap-highlight-color:transparent;