Search code examples
htmljquerycssmouse-cursor

Increase cursor size in HTML body


Is there any way to programmatically increase the size of the cursor in a browser based application using CSS or jQuery?

I can change the type of cursor with CSS like so...

body {
    cursor: crosshair;
}

but I see no provision in CSS to increase the size of the cursor.


Solution

  • 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