By default, when you create a clickable HTML element in a webpage (or in HTML that is displayed in a UIWebView) the iPhone adds a grey shadow/box thing over the top of it when you touch it.

Sometimes you don’t want this ‘highlight’ to appear – or you want it to be another color.  Here is the code that will help you in this situation:

Remove the grey highlight completely:

-webkit-tap-highlight-color:rgba(0,0,0,0);

Change the color of the highlight:

-webkit-tap-highlight-color:your-color-here;