С помощью правил 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» |