There are certain scenarios where you want to change the mouse cursor when you hover over a link. By the way, when you do such a thing you put some javascript in the onclick event and with that you want to give the user a feeling that he/she’s clicking on a hyperlink.

Do you know how to change mouse pointer using CSS? Well, it’s simple and easy. This is the basic cursor type that we normally used:

i) default - Display the normal mouse pointer icon

ii) wait - The mouse icon to represent “processing”

iii) crosshair - A plus symbol

iv) text - An “I” shaped icon that is displayed when selecting text

v) pointer - A hand icon that you see when you hover

vi) help - A question mark

x) move - A cross mark

Sample Testing:

cursor: default

cursor: hand

cursor: help

cursor: crosshair

cursor: text

cursor: wait

cursor: Move