Неправильное поведение webkit-tap-highlight-color когда страница как веб-приложение

Question

Я пытаюсь убрать выделение при нажатии веб-страницы в iPad с помощью css

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

Это прекрасно работает при использовании непосредственно браузера в моем iPad2. Однако, если я переместлю страницу в веб-приложение с симпатичным большим значком, поведение больше не будет работать. Чудак нет?

Настройка

document.documentElement.style.webkitTouchCallout = "none";

как указано в этот вопрос не работает

Некоторые идеи, советы приветствуются

Answer 1

Комбинация -webkit-tap-highlight-color и -webkit-user-select работает для меня. Вы можете применить их к отдельному элементу или html.

html {
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-user-select: none;
}