Скрыть курсор в Chrome (и IE)

У меня есть следующий CSS, который скрывает курсор мыши для чего-либо на веб-странице. Он отлично работает в Firefox, но в IE и Chrome он не работает.

html {
    cursor: none;
}

В Chrome я всегда вижу указатель мыши. Тем не менее, в IE я вижу, какой курсор был последним "активным", когда он вошел в экран. Предположительно, он сохраняет последний выбор вместо его удаления.

Ответ 1

Это свойство cursor:none; не является частью стандартного

См. здесь w3c курсор CSS свойства.

Возможно, вам захочется скрывать его с помощью Javascript или JQuery.

Кроме того, посмотрите на файлы с пустым курсором здесь.

И последняя ссылка на ajax-решение.

У Chrome возникла эта проблема с момента ее создания, там были сообщения, отправленные людям в Chromium, и я предполагаю, что они работая над ним.

Кроме того, не верьте, что в IE что-то будет работать. Когда-либо.: P

Ответ 2

У меня была та же проблема в эти дни и я нашел хорошее решение, чтобы скрыть указатель в Google Chrome.

Это определение W3C свойства url:

Запятая запятая разделяет URL-адреса на пользовательские курсоры. Примечание. Всегда указывайте общий курсор в конце списка, в случае, если ни один из URL-определенных курсоры могут быть использованы

Итак, вы можете определить URL-адрес не полностью прозрачного изображения, за которым следует указатель по умолчанию:

cursor: url(img/almost_transparent.png), default;

Если вы выберете полностью прозрачный png, Chrome покажет черный прямоугольник, но если вы выберете png с по крайней мере 1px не прозрачным, он будет работать, и никто не заметит указателя.

Ответ 3

Поиск того, что работает в браузерах, - это боль.

Нижеприведенный код работает в Chrome, IE и Firefox. IE любит файлы .cur, Chrome любит встроенный png, а некоторые браузеры фактически не уважают ни одного:)

div {
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg=='),
    url(images/blank.cur),
    none;
}

Ответ 4

Итак, лучший способ справиться с этим - это блокировка указателя api.

https://developer.mozilla.org/en-US/docs/WebAPI/Pointer_Lock

Он скроет курсор мыши, но даст вам доступ к данным о движении мыши.

Ответ 5

В css: * { cursor: url(cursor.png), none !important }

Ответ 6

Используйте скрытый апплет с классом java.awt.robot, чтобы переместить курсор с экрана. Скажем, самый нижний левый угол.