У меня есть проблемы, полностью избавляющиеся от страшной подсветки при нажатии на элемент в приложении Phonegap 3.0 на Android 4.1.2.
Когда вы нажимаете на некоторые элементы, я сначала получаю оранжевый (в данном случае) выделение под элементом tapped, но затем в быстрой последовательности родительский элемент (или другой элемент предка, не уверенный, который) также показывает выделение!
Я знаю, что подсветка выделения может быть отключена настройка прозрачного цвета:
* {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */
}
Это действительно работает для большинства интерактивных элементов в моем приложении, но на некоторых элементах элемент parent/ancestor по-прежнему выделяется! Я создал demo, который показывает, как он выглядит на устройстве, на котором я тестирую (Samsung Galaxy S3). Да, это так. Я использую jsfiddle в качестве инструмента анимации: -)
Я пробовал все, что обсуждалось в другом потоке: Отключить выделение оранжевого контура в фокусе.
Так как подсветка элемента на самом деле исчезает на всех элементах, постучанных с помощью правила css выше, я начинаю подозревать, что это вторичное большее выделение указывает на что-то другое, кроме крана. Но я попытался расширить правило css, чтобы также применить к *:hover, *:active, *:focus
без успеха.
Я также пытался атаковать проблему вне css и самого приложения Android. Первый setLightTouchEnabled() в WebSettings казался многообещающим, но A) он не работал и B) Из уровня API 18 он устарел и не имеет эффект.
Я действительно в растерянности. Любая помощь вообще была бы высоко оценена.