Nov
14
2005

CSS Hand Cursor (clickable)

I have in the past wanted to have the cursor look like it was hovering over a link when it was not in fact over an link. As you know, when the cursor is over a link it shows up as a hand. Well, what if you want them to click something that isn’t a link – how do you communicate that it is clickable.

The answer is cursor:hand for Internet Explorer (IE) and cursor:pointer for Mozilla and Netscape (NS).

Here’s the cross browser CSS:

p.pointerhand {
cursor: pointer;
cursor: hand;
}

More information on cursor styles: http://www.quirksmode.org/css/cursor.html

Share and Enjoy:
  • del.icio.us
  • digg
  • Furl
  • NewsVine
  • RawSugar
  • Reddit
  • Spurl
  • YahooMyWeb
Written by Tom in: CSS |

3 Comments »

  • Just wanted to say Hello to everyone.
    Much to read and learn here, I’m sure I will enjoy !

    Comment | February 3, 2008
  • Max Williams

    Just what i was after, thanks!

    Comment | September 18, 2008
  • I dnt understood that!!!!!!!!!!!!!!. im not stuppied

    Comment | December 3, 2008

RSS feed for comments on this post. TrackBack URL

Leave a comment

Powered by WordPress | Aeros Theme | TheBuckmaker.com WordPress Themes