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

.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?

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

http://www.w3schools./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?

• javascript
• jquery
• html
• css

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

3 Answers 3

Yes, just do...

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

jsFiddle.

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

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

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) ;
}