How do I use cursor hand cross browser?
Asked
Active
Viewed 4,131 times
4 Answers
7
Use cursor:pointer only, unless you need to support IE 5/5.5 in which case, include cursor:hand in a conditional comment.
keirog
- 2,118
- 1
- 19
- 17
1
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
- 533
- 7
- 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,953
- 1
- 18
- 12
-
1`cursor: move` is both intuitive and cross-browser compatible. http://www.quirksmode.org/css/cursor.html – MiseryIndex Nov 06 '09 at 02:03