I am using a custom cursor (SVG file) which is activated when hovering a button. I want this cursor to have the same size with default cursor on all platforms.

I wonder if it is possible to get default cursor size and set size of custom cursor accordingly.

A similar question was asked here almost 8 years ago. I was hoping it would be possible with new technologies.

I am using a custom cursor (SVG file) which is activated when hovering a button. I want this cursor to have the same size with default cursor on all platforms.

I wonder if it is possible to get default cursor size and set size of custom cursor accordingly.

A similar question was asked here almost 8 years ago. I was hoping it would be possible with new technologies.

• javascript
• jquery
• html
• css

Share Improve this question Follow edited May 23, 2017 at 11:46 CommunityBot 111 silver badge asked Mar 30, 2017 at 21:22 user3140972user3140972 1,06577 silver badges1313 bronze badges 3

• 4 Possible duplicate of Get size of mouse cursor in javascript – jakeehoffmann Commented Mar 30, 2017 at 21:25
• @jakeehoffmann It was asked 8 years ago. I thought there might be a solution after 8 years. – user3140972 Commented Mar 30, 2017 at 21:31
• If you know that your question is a duplicate, and you are asking in hopes of new technology, please link back to the duplicate and explain your reasoning for the duplicate. See meta.stackoverflow./q/258363/215552. – Heretic Monkey Commented Mar 30, 2017 at 21:38

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

There is no method or API of getting the size of the cursor on a user's OS. However, if you're adding a custom cursor, it is remended you set its size to 32x32 as that is the size that is most patible across most OS's.

Unfortunately, there is no property to adjust cursor size with jquery. However since you are using a custom image you might find this useful:

http://www.ajaxblender./howto-create-custom-image-cursors.html.

This will show you how to create a custom cursor without a .cur file and add some css to adjust the size.