Remove the highlighted box that appears when you click the Mobile browser button

In the work often encountered in the mobile browser to browse the Web page, click on the page button or a click event element, there will be a default highlight box, affecting the overall sense of experience.

We can solve this with a simple CSS3 property, which is:

-webkit-tap-highlight-color

Give me a chestnut:

<a class= "Html5logo" href= "javascript:void (0);" ></a>

Add the appropriate CSS style to the button:

-webkit-tap-highlight-color:rgba (0,0,0,0);-webkit-tap-highlight-color:transparent; /* For some androids */

Done!

After this processing, this a tag is no click on the style, if you want to add, you can add the pseudo-class style, here will not repeat the

Remove the highlighted box that appears when you click the Mobile browser button