Copied!
It's on your clipboard.
You’ve been offline for 0 second. Please check your Internet connection.

Help Us Improve

Found an issue or have an idea? Let us know.
Select all that apply...
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Remove Tap Highlight & Focus Outlines on Mobile
Preview
Overview

This snippet removes the default tap highlight and focus outlines on mobile and WebKit browsers. It stops the gray/blue flash on iOS/Android when tapping and hides the default focus ring, giving you full control over how active and focused elements look.

Documentation
Code Setup
Walkthrough

Copy To Elementor
Setup: Add Custom CSS

Add this code with a snippets plugin set to <head>, or use Page Custom CSS or Site Settings.

Language
Copy
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  outline: none;
}

Language
Copy

Language
Copy

Language
Copy

Language
Copy

Language
Copy
Publish and preview live

Some solutions only work on the live site. Always publish and test after each change, as results may not appear in the editor.

Absolutely Codefree
If you were expecting some fancy snippet, sorry. This one runs just fine on its own.
C’mon, You Got This
Do we really need to spell this one out? It’s as straightforward as it gets.
Resorce Details
Collection
Basics
Category
Category
Utilities
Interaction
Builder
Last Updated
September 16, 2025