Как поменять курсор CSS

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

selector {
  cursor: pointer;
}

Возможные значения для свойства cursor:

• auto (стандартный курсор браузера)
• default (стандартный курсор операционной системы)
• pointer (курсор в виде стрелки)
• text (курсор в виде вертикальной черты)
• move (курсор в виде четырехстрелочной стрелки)
• not-allowed (курсор в виде круга с перечеркнутой линией)
• и другие.

Вы можете использовать свой собственный курсор, загрузив изображение и указав его путь в свойстве cursor. Например:

selector {
  cursor: url('path/to/cursor.png'), auto;
}