Чтобы поменять курсор в CSS, используйте свойство cursor. Например, чтобы установить курсор в виде стрелки, используйте следующий код:
selector {
cursor: pointer;
}
Возможные значения для свойства cursor:
- auto (стандартный курсор браузера)
- default (стандартный курсор операционной системы)
- pointer (курсор в виде стрелки)
- text (курсор в виде вертикальной черты)
- move (курсор в виде четырехстрелочной стрелки)
- not-allowed (курсор в виде круга с перечеркнутой линией)
- и другие.
Вы можете использовать свой собственный курсор, загрузив изображение и указав его путь в свойстве cursor. Например:
selector {
cursor: url('path/to/cursor.png'), auto;
}