A blue box appears after you click on a mobile page

When you click a link or a text box on a mobile page, a blue transparent box (different colors vary) appears on top of it. You can use a CSS to modify the color of this box in a Web page.

　　

The above code sets the color to white and the transparency to 0. After you click on the page, you will not see the original box.

If you need to add to all the elements:

　　

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

The following is the original text that describes the problem:

In the HTML 5 site a user, who ' s surfing through a mobile device, clicks a link.
The browser draws a box (rectangle) as a feedback (in addition to a sound).
Browser might mean Android 2.3 ' s stock Browser, or Opera Mobile.

I ' d like-to-avoid this (blue) box. At least for IPhone and Android based devices. Any idea?

A blue box appears after you click on a mobile page