Increase cursor size in HTML body

there is no property regarding size of cursor but still you can use custom cursors, the trick behind this is to hide real cursor while show custom image. You can find more about this here Create Custom cursors

edit: above link is dead, it's still found on wayback machine: https://web.archive.org/web/20170605131602/http://www.ajaxblender.com/howto-create-custom-image-cursors.html


You can't increase the size of the default cursor using CSS or jQuery.

But you can replace the cursor with the custom image of any size using pure CSS by cursor:Url() property.

This is pure CSS and no need of Javascript/jQuery hack for this.

For more info: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor/url