🖱️Список CSS-курсоров

Разница между pointer и default

pointer — это курсор в форме указательного пальца, который используется для элементов, по которым можно щёлкнуть, таких как ссылки и кнопки. default — это стандартный для операционной системы курсор-стрелка, который обычно используется над текстом и фоном, где щелчок ничего не делает.

Поведение начального значения auto для cursor

Начальное значение свойства cursor — это auto, и браузер автоматически выбирает форму курсора в зависимости от локации: над текстом это text, в остальных местах — default.

Причины, по которым cursor не меняется

Если курсор не меняет форму при указании cursor, часто причина в том, что другой элемент находится сверху или другое правило переопределяет заданное значение.

• Элемент, находящийся сверху：Если прозрачный элемент или псевдоэлемент находится сверху, курсор будет отображаться в соответствии с заданием cursor для самого верхнего элемента.
• Переопределение по специфичности：Если для одного элемента действует несколько правил, то приоритет имеет правило с большей специфичностью селектора.
• Различия в зависимости от ОС и браузера：Внешний вид курсора зависит от операционной системы и браузера, поэтому один и тот же значок может выглядеть по-разному на Windows и macOS.