Poni Poni - 7 months ago 35
HTML Question

disable mobile browser click/touch/tap feedback box

In an HTML 5 site a user, who's surfing through a mobile device, clicks a link.

The browser draws a box (rectangle) as a feedback (in addition to a sound).

Browser might mean Android 2.3's stock browser, or Opera Mobile.

Made some research about it but really, no (clear) solution.

I'd like to avoid this (blue) box. At least for iPhone and Android based devices. Any idea?

P.S I'm also using jQuery


This is a duplicate of: Can I remove Android default link styling in webview and iPad Safari: How to disable the quick blinking effect when a link has been hit.

The answer being: add this CSS * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }.