Hide the mouse cursor with CSS

Hiding the mouse cursor on the page or element is really not a useful thing in reality.Here I just want to show you that hiding mouse cursor is also possible with CSS’s cursor property.

The cursor CSS property specifies the mouse cursor displayed when the mouse pointer is over an element.In reality, we use cursor property to change cursor style.

To hide the cursor for element simply use

To hide the cursor for all the page use body tag

1. elements without cursor work in FireFox and Chrome.
2. Opera does not support neither custom cursors nor “none” cursor style.

We can make it work in IE with simple hack

Download : “none.cur” from

That’s it. Share your thought via comments.

By Arjun

I am Arjun from Hyderabad (India). I have been working as a software engineer from the last 7+ years, and it is my passion to learn new things and implement them as a practice. Aside from work, I like gardening and spending time with pets.

Leave a Reply

Your email address will not be published. Required fields are marked *