HTML Cursor Code
This page contains HTML cursor code. Code that will make the user's cursor change as they hover over an HTML element.
The cursor is the thing that moves when you move the mouse. To change the look of the cursor within your HTML codes, you need to use CSS (Cascading Style Sheets).
More specifically, you need to use the CSS cursor property.
Example Cursor Code
Here are examples that demonstrate the various CSS cursors (based on the CSS specification). See how the cursor changes as you hover over each line.
Run
Stack editor
Unstack editor
(Hover over each line to see the cursor effect).
Cursor: "Auto"
Cursor: "Default"
Cursor: "Text"
Cursor: "Help"
Cursor: "Pointer"
Cursor: "Wait"
Cursor: "Crosshair"
Cursor: "Move"
Cursor: "Smile"
Cursor: "Progress"
Cursor: "e-resize"
Cursor: "ne-resize"
Cursor: "nw-resize"
Cursor: "n-resize"
Cursor: "se-resize"
Cursor: "sw-resize"
Cursor: "s-resize"
Cursor: "w-resize"