By default Mobile Safari disables CSS active pseudo styles on web pages, instead opting for a generic tap–highlight colour on clickable elements. A little known trick is that you can easily re-enable your active pseudo styles by declaring a
touchstart event on the page. You don’t even need to actually use the event, simply declaring an empty function will suffice.
Note: if you do this trick it is also worth removing the default
tap–highlight colour Mobile Safari applies using the following CSS rule.