С помощью правил 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» |
Метки: курсор
