How to remove Blue Highlight Hover

Hello, Bloggers! Welcome to Raghavendra Technic.



In this tutorial, we are going to show you How to remove Blue Highlight Hover.



The highlight color that appears when an element is tapped on a touch screen device using a based browser, such as Safari or Chrome. When a user taps on an element, the browser normally displays a highlight around the element to indicate that it has been selected. This property allows developers to specify the color of this highlight.



How to Remove Blue Highlight Hover?



Important!Before we start adding codes in XML, I will recommend you to take a Backup of your current theme. By chance if any problem occurs, you can restore it later.



Step 1: First of all Login to your Blogger Dashboard.



Step 2: On Blogger Dashboard, click Theme.



Step 3: Click the arrow down icon next to 'customize' button.



Step 4: Click Edit HTML, you will be redirected to editing page.



Step 5: Now search the code ]]></b:skin> and paste the following CSS Codes just above to it.




/* Blue Highlight Hover Remover */
* {
-webkit-tap-highlight-color: transparent;
}


Step 7: Now click on Save by clicking this icon



Step 8: That's done!







Credit


Created by :
Plus Ui.


Conclusion


In this article I have made a tutorial on How to remove Blue Highlight Hover. I hope you have liked it and Please do share with your friends and follow our blog for more



If you face any problems in code or have any questions please feel free to ask in comments section or join our Telegram Group for discussion.



Our All Posts Are Protected By DMCA. So Don't Try To Copy Our Posts And Reproduction In Any Way Is Strictly Prohibited! Or else Legal Actions Will Be Taken. © Raghavendra Technic | All Rights Reserved



© Copyright:
raghavendratechnic.blogspot.com







Professional Web Designer || Graphic Designer || UI / UX Designer || Gamer

Post a Comment