custom cursor

[mattover-matter]

I only want to use two cursors in my page.
the arrow, and the hand.
How can I make the arrow always show? (like when highlighting over text it changes). then when mouseover link, A:hover it changes to the hand. basically, I want to rule out everything else. :thumbsup:

[meow]

Specify what you want.

body { cursor: default }
a:hover { cursor: pointer; cursor: hand }

http://www.w3.org/TR/REC-CSS2/ui.html#propdef-cursor

I don't know if the browser's default value can override the body rule under some circumstances. If it does you need to make an explicit rule for those elements.

'cursor: hand' is there for IE that doesn't get the standard 'pointer'.

[Animan]

i believe there are a few more custom cursors though

[brothercake]

off the top of my head ... 'wait' 'e-resize' 'n-resize' 'ne-resize' 'nw-resize' 'move' 'help' ... er ... oh yeah - the best one

cursor:url(my_cursor.cur)

or

cursor:url(my_cursor.ani)

for an animated cursor :)