How to Get Rid of the blue Color when Tap Links in the Chrome Mobile Browser

Table of Contents

Maybe you often see an overlay of a blue effect when you tap a link on a particular blog or website, especially for the Chrome browser on a mobile device such as a smartphone or tablet.

How to get rid of the blue color when you tap a link in the Chrome mobile browser

Even thought it's not something big, this might be a little annoying for some people, including me. Therefore, here I will share a simple trick to get rid of the blue overlay effect when you tap a link on a blog that you manage when accessed via Chrome mobile.

The method is very easy, you just need to add the CSS code below right before ]]></b:skin> or </style> in edit HTML blogger.

*,*:before,*:after{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}

For those of you who already have code like this in the theme.

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

You just need to add the code above so it's like this.

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}

After that, click save theme and open your blog in the Chrome mobile browser to see the results.

Okay, that's all from this article about How to Get Rid of the blue Color when Tap Links in the Chrome mobile browser.