Tutorials - CSS - Cursors

You can easily change what type of cursor the user's computer will display when their mouse is over an element using the cursor CSS parameter. You can change the cursor to any of the following:

default - Standard Pointer
crosshair - A crosshair
help - Usually a question mark or an arrow with a question mark
text - The | which is displayed when editing text
pointer - The hand icon you see when hovering over a link
wait - The Operating System's loading icon (hourglass or spinner on Windows, watch on OS X)

Here's an example:

<p style="cursor: wait;">Example text with a wait cursor on mouse-over</p>

Example text with a wait cursor on mouse-over

Page Responses

Currently there have been no responses to this page...

Post Response

If you have anything to contribute to this tutorial, found a bug, or know a better way of achieving the same goal, please leave your response below.