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);