« Yet another free Geocoder | Toyota Yaris radio security code unlock instructions » |
When building web apps for mobile devices such as mobile Safari on iOS and the web browser on Android devices. When implementing web apps, by default any touch events causes a tint sort of highlight on any anchor elements or DOM elements with click events. On Android particularly HTC sense, it creates a green border.
To disable this, you use the webkit CSS attribute -webkit-tap-highlight-color
This overrides the highlight color shown when the user taps a link or a JavaScript clickable element.
-webkit-tap-highlight-color: rgba(0,0,0,0);
Note, you’ll need to set the above colour with alpha channel as 0 in order to disable the touch highlight