Clear the Border or mask layer (CSS) that flashes when you click a tag on a mobile website

　　On the mobile website, when you click on a tagged text or picture, the element will flash a blue border around the site, and some browsers will flash a translucent mask layer, such as the mobile Chrome browser, in fact, these effects are simply to tell the user has clicked the element, Improve the user experience, but sometimes you will feel that these effects seem awkward, just want to clear it, in fact, it is very simple, just add a line of CSS.

Clears all the A-tag effects that appear when clicked: a{-webkit-tap-highlight-color:rgba (255,0,0,0);}

This is the private property of the WebKit kernel browser, but it is also valid for the Web site, and the estimated browser is the WebKit kernel, in fact, most mobile browsers use the WebKit kernel, such as UC and Safari.

To remind, this CSS can only clear the "a" click on the effect, and can not clear the addition of JS click event elements appear in effect, in fact, the two click effects are the same, either add a border to the element, or a mask layer. Temporarily do not know how to clear the latter's special effects, looking to know the great God left a message, thank you.

Clear the Border or mask layer (CSS) that flashes when you click a tag on a mobile website