Hit Back on iPhone; link :hover color still shown... but not on all sites?

Discussion in 'Web Design and Development' started by nagromme, Apr 18, 2012.

  1. nagromme macrumors G5


    May 2, 2002
    On iOS, when you tap a link, the CSS :hover color shows for a moment (which is nice).

    But if you then tap the Back button, the same link is shown in :hover color without you even having to touch it. Annoying! Especially for major navigation buttons. MacRumors top navigation tabs show this problem: tap to another tab, hit Back, and you’ll see.

    How can I fix this in CSS? I’m stumped.

    I think it’s fixable, but I can’t tell why some sites with :hover do not have this problem:

    - CNN.com (try the blue article links)
    - Apple.com (try the top tabs)
    - The forums here! (try any link—except, as I say, the top tabs)

    (I’ve heard of people using body onunload to de-focus all links as you leave a page. But none of the three sites above seem to do that. So I don’t want to throw Javascript at this problem.)


Share This Page