С помощью правил CSS можно менять вид у курсора мышки. Причем вид зависит от операционной системы (xp, seven, 8, vista) и темы оформления. В таблице ниже приведены виды курсора при наведении мыши, сделанные при помощи правил CSS:
| Вид | Значение | Пример — навести курсор на ячейку | Браузер |
| auto | Браузер самостоятельно определяет вид курсора | Все | |
| default | style=”cursor: default;” | Все | |
| pointer | style=”cursor: pointer;” | Все | |
| crosshair | style=”cursor: crosshair;” | Все | |
| text | style=”cursor: text;” | Все | |
| wait | style=”cursor: wait;” | Все | |
| help | style=”cursor: help;” | Все | |
| inherit | Значение наследуется от родительского элемента | Все | |
| move | style=”cursor: move;” | Все | |
| e-resize | style=”cursor: e-resize;” | Все | |
| ne-resize | style=”cursor: ne-resize;” | Все | |
| nw-resize | style=”cursor: nw-resize;” | Все | |
| n-resize | style=”cursor: n-resize;” | Все | |
| se-resize | style=”cursor: se-resize;” | Все | |
| sw-resize | style=”cursor: sw-resize;” | Все | |
| s-resize | style=”cursor: s-resize;” | Все | |
| w-resize | style=”cursor: w-resize;” | Все | |
| progress | style=”cursor: progress;” | Все | |
| col-resize | style=”cursor: col-resize;” | IE, Moz, Webkit | |
| not-allowed | style=”cursor: not-allowed;” | IE, Moz, Webkit | |
| row-resize | style=”cursor: row-resize;” | IE, Moz, Webkit | |
| vertical-text | style=”cursor: vertical-text;” | IE, Moz, Webkit | |
| url(uri) | style=”cursor: url(mycursor.cur), cursor_type;” | IE, MozWebkit — ошибка с точкой привязкиOpera — применит стандартное значение | |
| all-scroll | style=”cursor: all-scroll;” | IEMoz, Webkit — аналогичен «move» | |
| no-drop | style=”cursor: no-drop;” | IEMoz, Webkit — аналогичен «not-allowed» |
