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