Подтвердить что ты не робот

Предотвратить выделение интерактивного div в Android WebView

Я использую полноэкранный WebView в Android-приложении, используя 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 с синей подсветкой:

WebView screenshot

Кто-нибудь знает, как запретить выделение кликабельного div при нажатии?

4b9b3361

Ответ 1

Поместите ниже код в файл CSS:

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

Ответ 2

На устройствах галактики "-webkit-tap-highlight-color" работает только с

-webkit-tap-highlight-color:transparent;