How To Remove Blue Link Highlights When Interacting With a WordPress Site on Mobile

The CSS required to do this is pinned 📌 to the top comment.
Did you know these default blue highlights have always been a thing that appears when users interact with links on a mobile and tablet experience for your WordPress website?
This affects the website’s menu navigation and web links, as well as the site’s logo. I'm sure this concern comes to every WordPress web designer's attention at some point, just like it did me while working on the last design project.
So I decided to make this quick guide on the easiest and most effective way to remove those blue link highlights allowing you to have more control over your site's appearance, creating a cohesive and professional look that enhances user engagement.
STAY UPDATED WITH FUTURE UPLOADS
= = = = = = = = = = = = = = = = = = = = = = =
☑ Watched the video!
☐ Liked?
☐ Subscribed?
= = = = = = = = = = = = = = = = = = = = = = =
CONNECT WITH ME
= = = = = = = = = = = = = = = = = = = = = = =
☐ My Email: [e-mail]
= = = = = = = = = = = = = = = = = = = = = = =

[@victorchinedu]

/* Remove Blue Link Highlights on Mobile */
* {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
outline: none !important;
}

[@visualmodo]

Truly good work! =DD

[@victorchinedu]

Thank you so much, I appreciate that