Possible to replace cursor with my own custom image?

Question

Is it possible to replace the cursor icon apart from these:

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_cursor

with my custom image that I designed in Photoshop? I know this is possible because I have seen some websites with cursor having custom image. Question is: How do I do it and whether it is standard approach? Can I be sure that it works across all browsers?

I think your question is answered here: stackoverflow.com/questions/336925/custom-cursor-image-css — Michael Peterson
– Michael Peterson, Commented Aug 2, 2012 at 5:24

alex · Accepted Answer · 2012-08-02 05:23:10Z

8

Yes, just do...

cursor: url(path/to/image.png);

jsFiddle.

answered Aug 2, 2012 at 5:23

alex

492k205 gold badges891 silver badges992 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jack Over a year ago

Cool! Didn't know the answer is so simple :). This isn't mentioned anywhere on w3schools.

Jack Over a year ago

Why did you change to image.cur? Can I not specify any png image or so?

alex Over a year ago

@Jack I had a feeling maybe only cur would work (maybe older IE only supported it). But I tested it and jpg worked so I don't see any reason why a png wouldn't.

Danil Speransky · Accepted Answer · 2012-08-02 05:23:43Z

2

Try this: cursor: url(image.png);

Look paragraph 'Property Values': http://www.w3schools.com/cssref/pr_class_cursor.asp

answered Aug 2, 2012 at 5:23

Danil Speransky

30.5k6 gold badges70 silver badges78 bronze badges

Comments

phndiaye · Accepted Answer · 2012-08-02 09:49:19Z

1

Yes it's. when i have finished your cursor image, just upload it on a host website (there are many on the web) then use the following css property to use it. Supposing you want to use it on images, just do :

img  {
   cursor: url(path to your hosted cursor image) ;
}

answered Aug 2, 2012 at 9:49

phndiaye

3295 silver badges19 bronze badges

Collectives™ on Stack Overflow

Possible to replace cursor with my own custom image?

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related