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.

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.

• javascript
• html
• css
• mouse-cursor

1 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./avatar_91989eab746d_96.png), auto;
}

<div>
Winter is ing
</div>

Original fiddle: JSFiddle

For IE support you will need to use .cur format