The CSS cursor property is used to change the cursor style when it is over selected elements.
url (see url info below)━ inherit ━ auto ━ default ━ none ━ context-menu ━ help ━ pointer ━ progress ━ wait ━ cell ━ crosshair ━ text ━ vertical-text ━ alias ━ copy ━ move ━ no-drop ━ not-allowed ━ e-resize ━ n-resize ━ ne-resize ━ nw-resize ━ s-resize ━ se-resize ━ sw-resize ━ w-resize ━ ew-resize ━ ns-resize ━ nesw-resize ━ nwse-resize ━ col-resize ━ row-resize ━ all-scroll ━ zoom-in ━ zoom-out
Using the URL value for custom graphical or animated cursors:
Example: url(images/myCursor.cur) 0 0;
Specify the path and file name to an image that replaces the default cursor. The two numbers that follow the url are optional for specifying the cursor image hotspot, the first value represents the X→ plane and the second represents the Y↓ plane of the hotspot. Microsoft says that Internet Explorer only renders .ani and .cur type cursor files, and I have found its operation to be not very cross-browser compliant in regards to file types. Chrome will allow a jpg, gif or png as custom cursor, Firefox has different tastes as well.