Как изменить курсор при наведении CSS

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

a:hover {
  cursor: pointer;
}

В данном примере мы указываем, что при наведении на элемент a (ссылку) курсор должен измениться на pointer (рука).

Также можно использовать другие значения для свойства cursor, например:

  • default — стандартный курсор браузера;
  • text — курсор в виде вертикальной черты для текстовых полей;
  • move — курсор в виде четырехстрелочной иконки для перемещения элемента;
  • crosshair — курсор в виде перекрестия для выбора области на изображении и т.д.

Полный список значений можно найти в документации CSS.

реклама

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

реклама

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

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

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

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

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

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