Mouse Cursor

You may have seen some sites where the mouse cursor is different from the normal arrow cursor. With CSS, you have the option to change how the mouse cursor looks on the page to the user. Below are some examples of the cursors that you can use, just roll over them to see how the cursor looks.

In addition to these cursors you can also use url() to set a custom cursor.

The actual cursor you see is based on the operation system and browser you are using. For example, a Windows user will see an hour glass cursor when the CSS cursor attribute is set to wait. Where as a Ubuntu user will see a circle, or a OS X user will see a colored circle.

If you use the cursor attribute, remember that humans are creatures of habit, and you may not want to change the cursor to much. Some sites have used the cursor attribute to change what the cursor will do when hovering over an anchor tag. This may be a nice thing to do but some users look for the hand cursor to make for sure they can click the anchor tag.