ADDING A CUSTOMIZED CURSOR
Now a days mostly web browser supports customized cursors defined with CSS.
Although the cursors will not have the customized look in some browsers it usually doesn't ruin anything. These browsers will simply show the normal arrow-cursor which would be same case as if you refrained from customizing cursors at all.
CSS Custom Cursors
This tutorial is guide to using custom mouse pointers and cursors with css. And is geared towards someone who is new to css.
So, Do you want to change the Cursor
Cursors, some like the pointing finger, some like that I-beam-looking thing, and others try to lose the cursor altogether. Whatever your cup of tea, CSS version 2.0 is trying to help.
Custom CSS Cursors
Using CSS, you can change the default cursor icon associated with a particular element, even specifying your own cursor image (in IE6+) instead.
Change Cursors When Hovers over Links
With CSS you can change what the cursor looks like when it hovers over your links and other elements.
The typical browser will display the mouse pointer over any blank part of a web page, the gloved hand over any item that is linked (click-able) and the edit cursor over any text or text field. Within CSS you can change those properties to have a variety of different cursors display on your page.