У меня есть следующий CSS, который скрывает курсор мыши для чего-либо на веб-странице. Он отлично работает в Firefox, но в IE и Chrome он не работает.
html {
cursor: none;
}
В Chrome я всегда вижу указатель мыши. Тем не менее, в IE я вижу, какой курсор был последним "активным", когда он вошел в экран. Предположительно, он сохраняет последний выбор вместо его удаления.
Это свойство cursor:none; не является частью стандартного
См. здесь w3c курсор CSS свойства.
Возможно, вам захочется скрывать его с помощью Javascript или JQuery.
Кроме того, посмотрите на файлы с пустым курсором здесь.
И последняя ссылка на ajax-решение.
У Chrome возникла эта проблема с момента ее создания, там были сообщения, отправленные людям в Chromium, и я предполагаю, что они работая над ним.
Кроме того, не верьте, что в IE что-то будет работать. Когда-либо.: P
У меня была та же проблема в эти дни и я нашел хорошее решение, чтобы скрыть указатель в Google Chrome.
Это определение W3C свойства url:
Запятая запятая разделяет URL-адреса на пользовательские курсоры. Примечание. Всегда указывайте общий курсор в конце списка, в случае, если ни один из URL-определенных курсоры могут быть использованы
Итак, вы можете определить URL-адрес не полностью прозрачного изображения, за которым следует указатель по умолчанию:
cursor: url(img/almost_transparent.png), default;
Если вы выберете полностью прозрачный png, Chrome покажет черный прямоугольник, но если вы выберете png с по крайней мере 1px не прозрачным, он будет работать, и никто не заметит указателя.
Поиск того, что работает в браузерах, - это боль.
Нижеприведенный код работает в Chrome, IE и Firefox. IE любит файлы .cur, Chrome любит встроенный png, а некоторые браузеры фактически не уважают ни одного:)
div {
cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg=='),
url(images/blank.cur),
none;
}
Итак, лучший способ справиться с этим - это блокировка указателя api.
https://developer.mozilla.org/en-US/docs/WebAPI/Pointer_Lock
Он скроет курсор мыши, но даст вам доступ к данным о движении мыши.
В css: * { cursor: url(cursor.png), none !important }
Используйте скрытый апплет с классом java.awt.robot, чтобы переместить курсор с экрана. Скажем, самый нижний левый угол.