javascript - Change cursor pointer to a custom icon - Stack Overflow

admin管理员组

文章数量:1404923

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

Share Improve this question Follow edited Dec 30, 2021 at 15:07 General Grievance 5,0433838 gold badges3737 silver badges5656 bronze badges asked May 16, 2016 at 20:08 josh_boazjosh_boaz 2,02377 gold badges3535 silver badges7474 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

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

本文标签： javascriptChange cursor pointer to a custom iconStack Overflow