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

Аватар пользователя Кирилл Маркеев
Кирилл Маркеев
17 октября 2022

Изменить курсор при наведении мы можем при помощи CSS свойства cursor.

Это свойство может принимать большое количество значений. Рассмотрим некоторые из них:

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