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 http://www.softexe.com/img/none.cur.

That’s it. Share your thought via comments.

I hope you like this Post, Please feel free to comment below, your suggestion and problems if you face - we are here to solve your problems.

I am Arjun from Hyderabad (India). I have been working as a software engineer from last 7+ years, and its my passion to learn new things and implement them as a practice. Aside from work, I likes gardening and spending time with pets.
DMCA.com Protection Status