Здравствуйте! В этой статье я расскажу как с помощью css можно поменять вид курсора. Задать вид курсора средствами CSS очень просто. Для этого надо определить, у каких элементов мы хотим изменить вид курсора и добавить в таблицу стилей всего одну строчку: cursor: [вид];

Стандартных видов у курсора - 14:

• crosshair - перекрестье
• help - знак вопроса или воздушный шар (в зависимости от браузера)
• e-resize, w-resize - двунаправленная горизонтальная стрелка
• n-resize, s-resize - двунаправленная вертикальная стрелка
• ne-resize, sw-resize - двунаправленная диагональная стрелка (с нижнего левого угла в верхний правый)
• se-resize, nw-resize - двунаправленная диагональная стрелка (с нижнего правого угла в верхний левый)
• move - перекрестье со стрелками на конце
• pointer - ладошка
• text - вертикальная линия
• wait - песочные часы или циферблат (в зависимости от браузера)

И еще два значения:

• auto - вид по умолчанию
• default - вид по умолчанию на данной платформе (в основном стрелка)

Читать далее