Web browser: Hide mouse cursor

Question

Is it possible to hide the mouse cursor in a web browser?

I've done this in Flash for a touch screen application, where a mouse cursor is distracting and unneeded. This time it's for a display screen that is non-interactive, so a mouse cursor is not needed.

My gut feeling is there's no easy way to achieve this in the web browser, only by use of a browser plug-in.

The browser in use is Firefox, so perhaps there's a plug-in that achieves this? Although it would be preferable to be able to do this via JavaScript/jQuery.

Answer 1

Just use css rule

* {cursor: none;}

Answer 2

Try using the CSS:

  #elementID{
     cursor: none;
  }

Answer 3

Try this: http://www.webtoolkit.info/javascript-custom-cursor.html

And use a transparent cursor.