Cursor styles

Default cursors

The typical browser will display by default:

You can change the cursor with CSS. Below are the cursors that are most useful for most of us, and that most browsers will accept.

css code display (mouseover to see)
cursor: default system default (the browser uses by default for any area of the page)
cursor: auto auto (the browser uses by default for text area of the page)
cursor: hand hand (the browser uses by default for links)
cursor: text text/edit
cursor: pointer pointer
cursor: move moveable object
cursor: -moz-grab
cursor: -webkit-grab
cursor: grab
moveable object
cursor: -moz-grabbing
cursor: -webkit-grabbing
cursor: grabbing
moving the object
cursor: crosshair crosshair
cursor: wait wait/hourglass
cursor: help help
cursor: zoom-in can zoom in
cursor: zoom-out can zoom out
* see all the cursors at https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
* find more about cursors at https://duckduckgo.com/?q=css+cursor