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.
Add this code with a snippets plugin set to <head>, or use Page Custom CSS or Site Settings.
* {
-webkit-tap-highlight-color: transparent;
-webkit-focus-ring-color: transparent;
outline: none;
}
Some solutions only work on the live site. Always publish and test after each change, as results may not appear in the editor.