Чтобы изменить курсор при наведении на элемент в CSS, нужно использовать свойство cursor. 12 Оно может принимать различные значения, например:

• cursor: default — стандартная стрелка; 1
• cursor: auto — браузер сам определяет нужный курсор в зависимости от того, на какой элемент он наведён; 4
• cursor: pointer — курсор в виде руки с поднятым указательным пальцем, который по умолчанию показывается для нажимаемых элементов, например, ссылок; 1
• cursor: text — чёрточка с засечками сверху и снизу, которая по умолчанию показывается у полей ввода input или textarea; 1
• cursor: none — курсор при наведении исчезнет. 1

Пример кода для установки курсора в виде указателя для элемента с классом .hover-target: 2

.hover-target {  cursor: pointer;}

При наведении на элемент с классом .hover-target форма курсора изменится на указатель. 2

Также можно установить пользовательский курсор, указав ссылку на картинку, которая будет показана вместо курсора: 4

.unique-cursor {  cursor: url('path-to-image.png'), auto;}

Для лучшей чёткости рекомендуется выбирать размер пользовательского курсора в пределах 128x128 пикселей. 2