Help:Cursor

A cursor is the pointer that indicates the current position of the mouse (or other device) on the screen.

This indicator can have its appearance changed a little if you want to bring attention to specific text or to a specific area when the cursor moves over that text or area.

Step-by-step

In order to change the look of the cursor you can style the text with span tags than contain the cursor parameter:

style="cursor: cursor-style;"

So, for example:

<span style="cursor: help;">Hover over me to see the cursor!</span>

Results in:

Hover over me to see the cursor!

Additional styles

Cursor style	Results in
auto default text	Hover over me to see the cursor.
crosshair	Hover over me to see the cursor.
move	Hover over me to see the cursor.
pointer	Hover over me to see the cursor.
progress	Hover over me to see the cursor.
wait	Hover over me to see the cursor.
Re-size arrows
e-resize w-resize	Hover over me to see the east ⇥ cursor. Hover over me to see the west ⇤ cursor.
n-resize s-resize	Hover over me to see the north ↑ cursor. Hover over me to see the south ↓ cursor.
ne-resize sw-resize	Hover over me to see the north-east ↗ corner cursor. Hover over me to see the south-west ↙ corner cursor.
nw-resize se-resize	Hover over me to see the north-west ⇱ corner cursor. Hover over me to see the south-east ⇲ corner cursor.

It is generally best to stick to these standard pointers, although it is possible to add custom cursors via more advanced CSS. If you do this, be sure to choose carefully and check that it is easy for people to see precisely what the custom cursor is pointing at.

See also

• Learn how to create a new page
• Learn how to modify text
• Learn how to make tables

Further help and feedback

• Browse and search other help pages at Help:Contents
• Check Fandom Community Central for sources of further help and support
• Check Contacting Fandom for how to report any errors or unclear steps in this article