Как убрать синий фон при клике на элемент?

Question

[Даниил]

Доброго всем!
Имеется верстка с подключенными библиотеками materialize и hamburgers. Используется slide out menu из materialize. При нажатии на кнопку открытия и закрытия меню появляется, предположительно над элементом, синий фон.


Эти элементы сверстаны разными тегами, с разными стилями. Фон для них установлен свой. Да и не похоже это на фон. Ни в одной из библиотек не нашел подобного стиля. Фон этот пропадает в течении примерно 0,5 сек. если зажать указатель на элементе. Пробовал отключать библиотеки. Эффект пропадает если отключить и materialize, и hamburgers. Какая между этим связь не понимаю. Эффект присутствует на мобильных браузерах Chrome и Safari.

Answer 1

[Николай Каргин]

Примените к вашим проблемным элементам:
webkit-tap-highlight-color: rgba(0, 0, 0, 0);

Comments

[Даниил]

Блин, друг, БЛАГОДАРИЩЕ. Не знаю сколько бы я еще провозился с этим вопросом.

[Demetrius-one]

rly thnx

[Mario62]

А мне это не помогло, но помогло убрать свойство cursor: pointer; с элемента ) И подсветка ушла.

[Николай Каргин]

Mario62, cursor: pointer с точки зрения UX лучше не убирать, конечно.
Странно, что это не сработало. Какой браузер?

[Петр Сергеев]

Николай Каргин, у меня тоже не сработало. Браузер Chrome.
P.S. в fireFox все нормально

[Даниил]

223606322, странно. Я в основном только с хромом работаю и там это всегда работает. Попробуй -webkit-tap-highlight-color: transparent;

[Петр Сергеев]

Даниил, а вот это сработало. Спасибо вам

[Юрий]

Петр Сергеев, потому что дефис в начале пропущен