Friday, February 8, 2013

Using -webkit-tap-highlight-color

In earlier versions of mobile safari  if you used -webkit-tap-highlight-color on a link, you'd also have to specify the active color.  That would give you a nice contrast.  However, since about iOS 5 that no longer works - both the foreground and background are set to the highlight color.

To be able to see the text now, it seems that you need a transparent color.  This works:

-webkit-tap-highlight-color:rgba(26,26,26,.5);


No comments:

Post a Comment