I need to change the default image for cursor: pointer with some custom image.
To create a class and specify the hover value for cursor is not a valid solution since
You can create a custom cursor for the body element, which will, unless overridden by later selectors, serve to act as a default:
cursor
body
body { cursor: URL(images/cursorimage.cur); /* IE */ cursor: URL(images/cursorimage.gif); }