Hide cursor in Chrome (and IE)

html css cursor mouse-cursor
Chris picture Chris · Apr 14, 2010 · Viewed 37.1k times · Source

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 {
    cursor: none;
}

In Chrome, I always see the mouse pointer. In IE, however, I see whatever cursor was last 'active' when it entered the screen. Presumably it's keeping the last selection instead of removing it.

Answer

Kyle picture Kyle · Apr 14, 2010

This property cursor:none; isn't part of the standard

See here w3c cursor CSS properties.

You might want to look into hiding it with Javascript or JQuery.

Also, look at blank cursor files here.

And one last link to an ajax solution.

Chrome has had this issue since it was built, there have been reports sent to the people at Chromium, and I assume they are working on it.

Also, don't trust that anything would work in IE. Ever. :P

Related questions

Change cursor to hand when mouse goes over a row in table

How do I change the cursor pointer to hand when my mouse goes over a <tr> in a <table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th&…

Read More
how to set cursor style to pointer for links without hrefs

I have a lot of <a> html tags without the href attribute for making onclick javascript calls. These links do not have a pointer style of cursor. They have text style cursor. How can I set the cursor …

Read More
Using external images for CSS custom cursors

Is it possible to use external image URLs for CSS custom cursors? The following example doesn't work: HTML: <div class="test">TEST</div> CSS: .test { background:gray; width:200px; height:200px; cursor:url('http://upload.wikimedia.…

Read More