Change cursor pointer to a custom icon

Question

I would like to change the cursor property to imply that the user needs to double click.

Are there any additional icons besides the default one's that can be applied? I saw a list here:

W3Schools

But I need the cursor to look like a pointer with two fingers, or some other icon which is better representation for double click.

Answer 1

You can basically use any image you want .

Use cursor: url(your-image-path.png), auto;

 div { cursor: url(http://65.media.tumblr.com/avatar_91989eab746d_96.png), auto; }

 <div> Winter is coming </div>

Original fiddle: JSFiddle

For IE support you will need to use .cur format