Hide cursor in Chrome (and IE)

Question

I have the following CSS that hides the mouse cursor for anything on the web page. It works perfectly in Firefox, but in IE and Chrome, it doesn\'t work.

html {
         


        

Answer 1

I had the same problem in these days and found a good solution to hide the pointer in Google Chrome.

This is the W3C definition of url property:

A comma separated of URLs to custom cursors. Note: Always specify a generic cursor at the end of the list, in case none of the URL-defined cursors can be used

So, you can define a url to not completely transparent image, followed by the default pointer:

cursor: url(img/almost_transparent.png), default;

If you choose a totally transparent png, Chrome will display a black rectangle instead, but if you choose a png with at least 1px not transparent it will work, and nobody will notice the pointer.