Custom CSS cursor click point

Question

How can I give a custom click point to cursors created by cursor: url(theCursorUrl);? e.g. you\'re using a hand(grab) image for the cursor. But you want that t

Answer 1

The basic syntax is as follows:

cursor: url(image) [x y|auto];

However there are a number of quirks to be aware of that make it quite tricky to work with cross-browser.

The main one is that Internet Explorer requires the cursor to be in '.cur' format, while other browsers require it in standard image format (eg '.gif'). If you want to support all browsers, you will need to create both, and write browser-specific code.

It apparently doesn't work at all in Opera.

The Quirksmode site has full details of all the oddities to expect.