I'm trying to turn off the default Android web 'highlighting' (the -webkit-tap-highlight-color style 'fix' that is recommended everywhere) - this works great on most devices, but not my Galaxy Tab 10.1 - anything with a 'click' handler, will always get highlighted in the default 'dark' colour when it is 'clicked' in the browser.
eg.
I have this in my CSS :
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
then using jQuery setting up a 'click' hander on a div :
< div id="test" >some kind of contents< / div >
with code such as :
$("#text").click(function(e) { alert("Hello !") } );
with that simple code, running in the Galaxy Tab 10.1 browser, you always get the 'highlight' on the div, it appears to ignore the style completely ?
Anyone have any ideas ? It appears that by using 'touchstart' and 'touchend' events this goes away depending on the 'level' that I capture those events at, but that seems like overkill - is there anything special about the Galaxy Tab browser ? I've tried searching, but there's so many combinations of terms to look for I'm lost :(
Thanks
Chris