10

How do I use cursor hand cross browser?

user203164
  • 103
  • 1
  • 5

4 Answers4

16
<elements>
{
    cursor:pointer;
}

CSS cursor Property

hinekyle
  • 822
  • 8
  • 16
7

Use cursor:pointer only, unless you need to support IE 5/5.5 in which case, include cursor:hand in a conditional comment.

http://www.quirksmode.org/css/cursor.html

keirog
  • 2,158
  • 1
  • 19
  • 17
2

Your can use blow css class for all browser supports.
Note that IE5 and IE5.5 use cursor: hand instead of cursor: pointer

.cursor-pointer{   
   cursor: pointer;   
   _cursor: hand; /* apply to ie 6 and below */
}

You can use here to write your stylesheets for different IE versions.

PouriaDiesel
  • 660
  • 8
  • 11
-3

You can also use your own custom cursor image:

.selecty { cursor: url(your_cursor.cur) }

This is especially useful for specifying cursors for draggable items. The standard browser cursors are pretty unintuitive for letting the user know a drag is possible.

Dmitry Torba
  • 2,973
  • 1
  • 19
  • 12