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

Creator of Surreal CMS and other web things. Follow me for tweets about JavaScript, CSS, and web programming.