Hide the mouse cursor with CSS

I know you can change the mouse cursor using CSS, but I never realized that you can actually hide it altogether.

#selector {
    cursor: none;

Of course, that doesn't mean you should, it just means you can. Practical uses for this are definitely limited, but things like mouse-based games come to mind.

What other use cases can you think of for hiding the mouse cursor?

Author avatar

About the author

New Hampshirite building web apps in Florida. Creator of Surreal CMS, Postleaf, and DirtyMarkup.

Need to get in touch? Catch me on Twitter.