How to remove the Blue bar while clicking.

In Websites sometimes we see a blue bar or blue shadow showing while we’re clicking on any button or any link on the website.

It’s a CSS default issue because sometimes we can see this issue in Mobile devices, and Ios devices, and even sometimes we have seen this issue on the desktop of both Mac and Windows.

For solving this issue we can use some CSS properties that it’ll block the click bar in the button and links.

-webkit-tap-highlight-color: transparent;
outline: none;
-ms-touch-action: manipulation;
touch-action: manipulation;

we can use these CSS styles for saving that issues. We can give this style to any tag in the HTML.

Leave a comment

Your email address will not be published. Required fields are marked *