:active vs. :hover

By Matthew Krivanek

It seems that with ‘iSafari’, the :active state does not work. In our web app, LaunchPad, there is a toolbar at the bottom of the screen, mimicking the iPhone’s iPod toolbar. Upon click of each of the toolbars buttons, the selected button is to become highlighted.Initially, I was using the :active state so that when the user pressed a button, it would highlight.  It worked just fine in Safari for OS X; however, in the iPhone environment, it seems to ignore :active. When replacing :active with :hover, I discovered I was able to achieve the desired result.One interesting thing to note, is when a link is clicked on, the link remains in the :hover state until another link is clicked.You can view an example here: http://www.launchpadhq.com/experiments/test2.html 

Bookmark: del.icio.us Digg Reddit Ma.gnolia Technorati

2 comments so far

  1. 950acb9c4327 May 8, 2008 1:36 pm

    950acb9c4327…

    950acb9c4327e680c8ed…

  2. girls nylons hubbard lace white hubbard white girls lace nylons

Leave a comment

Please be polite and on topic. Your e-mail will never be published.