How to remove the blue background when clicking on an element?

Question

css

Good to everyone!
There is a layout with the connected libraries materialize and hamburgers. Used slide out menu from materialize. When you click on the button to open and close the menu, a blue background appears, presumably above the element.


These elements are laid out with different tags, with different styles. The background for them is set. And it doesn't look like a background. I did not find a similar style in any of the libraries. This background disappears within about 0.5 seconds. if you hold down the pointer on the element. Tried disabling libraries. The effect disappears if both materialize and hamburgers are disabled. I don't understand what connection there is. The effect is present on mobile browsers Chrome and Safari.

Answer 1

Apply to your problematic elements:
webkit-tap-highlight-color: rgba(0, 0, 0, 0);