Как убрать кастомный курсор на мобильном устройстве?

Ссылка скопирована
16 марта 2026 1 ответ

Есть кастомный курсор на сайте (точка с полупрозрачным кругом позади, круг немного отстает за движениями, создается "резиновая" анимация). В десктопе все супер, а на мобильных устройствах - нет. Курсор появляется на месте нажатия, остается там до следующего одиночного тапа и раздражает. Вопрос: можно ли индексировать устройство и отключить курсор на нем?

Дополнительно:

Ответы:

Можно - хоть медиа-запросами, хоть по юзер-агенту браузера.

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Павел Админов Ответ

Для того чтобы убрать кастомный курсор на мобильном устройстве, можно воспользоваться CSS-свойством `cursor` и установить значение `auto`, которое восстановит стандартный курсор браузера.

Пример кода на CSS:

/* Стили для убирания кастомного курсора */
.custom-cursor {
    cursor: auto;
}

/* Стили для убирания кастомного курсора */ .custom-cursor { cursor: auto; }

Примените данный класс к элементу, на который был применен кастомный курсор. Например, если у вас есть элемент с классом `custom-cursor`, то примените стиль к этому элементу:

<div class="custom-cursor">Элемент с кастомным курсором</div>

<div class="custom-cursor">Элемент с кастомным курсором</div>

Таким образом, кастомный курсор будет заменен на стандартный для мобильных устройств. Не забудьте протестировать изменения на различных устройствах, чтобы убедиться, что курсор отображается корректно на всех платформах.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно