Как убрать мигание ссылок при нажатии?

Question

[pet1987]

На сайте maxg5.ru в мобильной версии при нажатии на ссылки(Например на пункт меню, либо на крестик(Закрыть), то вокруг ссылки появляется и сразу исчезает какая то рамка прозрачная.
Подскажите пожалуйста как ее убрать?
Пробовал так, не помогает:

a:link, a:visited, a:hover, a:focus, a:active {
border: 0;
outline: 0;
}

Answer 1

[Lord_Dantes]

a:focus{
 outline: 0;
}

Comments

[pet1987]

Добавил Ваш код в файл со стилями, но не помогает.

[Lord_Dantes]

pet1987, тогда у вас не a, а button может или элемент формы?

[pet1987]

slave,
Нет, точно a
button тоже использую, но в данном случае a
Вы можете на сайт зайти посмотреть код в мобильной версии в инпсекторе.

[Lord_Dantes]

pet1987, у меня ничего нет

[pet1987]

slave,

Вот. Это при нажатии. Появляется и сразу исчезает. Это в браузере Opera.
Но когда заходу с Android смартфона тоже самое.

[Lord_Dantes]

pet1987, во-первых, сейчас там 403 вообще. Во-вторых я тыкал везде у меня даже в хроме меню не открывалось с десктопа, во-третьих я хз что это нужен код элемента.

[pet1987]

slave,
Оказывается нужно было добавить в стили этот код:

a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}

Но все равно вам спасибо за помощь.

Answer 2

[Ярослав Винник]

если я вас правильно понял то...
-webkit-tap-highlight-color: transparent;

Comments

[Cucumberchik]

Спасибо, заработало !