Как в Android-браузере убрать эффект от нажатия на ссылку?

Question

[Serezhka]

Добрый день.

Делаю маленькое приложение HTML, столкнулся с проблемой.

У меня все действия со страницей происходят по нажатию на кнопки (<button>) — на кнопку нажал — что-то со страницей произошло.

В IOS я эту проблему более-менее решил, а вот в Android, особенно если смотреть через страндартный браузер- оставляет после нажатия на кнопку такой, оранжевый след. И только потом след убирается.

Собственно — точно такой же след, как и от перехода по простой ссылке.

Вопрос — можно ли как--нибудь этот след убрать?

Через CSS :focus :active :hover — не получается.

Пробовал делать не кнопки, а дивы или span — тот же результат.

Подключал jQuery-Mobile — если 'tap', то получается, но только в Сhrome, стандартный браузер по прежнему оставляет оранжевый след.

Спасибо!

Comments

[Serezhka]

Еще картинку добавил, на всякий случай.
Вот от этого оранжевого фона я и хочу избавится.

Answer 1

[Назар Мокринский]

А чем задается такой стиль? Может, это htmlbook.ru/css/outline — тогда просто определить как outline: none !important.

Comments

[Serezhka]

Не, outline не помог.

[Назар Мокринский]

Попробуйте ещё этот вариант со Stack Overflow: stackoverflow.com/questions/5210481/disable-orange-outline-highlight-on-focus

[Serezhka]

Не, не помогает. Попробовал все варианты, какие там предлагали.
Собственно, там тоже решение не нашли :-)
Получается убрать только с тех элементов, где 'tap' (jQuery Mobile), а вот простой 'click' все равно не работает.

[Serezhka]

Нашел.
Спасибо, вы меня на путь нужный вывели.
Все вместе вот так вот работает:

 -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
outline: none !important;

[Назар Мокринский]

Можете на Stack Overflow добавить свой ответ)

[druf]

Извините за оффтоп, но не могу не заметить, что вопреки тому, что упоминалось в статье, Q&A Хабра вполне себе хорош :)

[neofree]

Serezhka, госпади исуси, сработало и у меня. Дай вам бог здоровья

[Сергей]

Serezhka, спасибо! долго не мог найти решение)

Answer 2

[Дмитрий]

Для андроида вот так -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */

Comments

[Сергей]

Спасибо, ваш способ помог)

[urbanmaugli]

Получилось!)

Answer 3

[Serezhka]

delete