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

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

selector {
  cursor: pointer;
}

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

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

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

selector {
  cursor: url('path/to/cursor.png'), auto;
}
реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как поменять курсор CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали