Скройте курсор в Chrome (и IE)
У меня есть следующий CSS, который скрывает курсор мыши для чего-либо на веб-странице. Это работает отлично в Firefox, но в IE и Chrome, это не работает.
html {
cursor: none;
}
В Chrome я всегда вижу указатель мыши. В IE, однако, я вижу, что любой курсор был в последний раз 'активен', когда он ввел экран. По-видимому, это сохраняет последний выбор вместо того, чтобы удалить его.
3 ответа
Это свойство cursor:none; не является частью стандарта
См. здесь w3c cursor CSS properties.
Возможно, вы захотите скрыть его с помощью Javascript или JQuery.
Также посмотрите на файлы пустых курсоров здесь.
И последняя ссылка на ajax-решение.
У Chrome была эта проблема с момента его создания, были отправлены отчеты людям из Chromium, и я предполагаю, что они работают над этим.
Также не верьте, что что-то будет работать в IE. Никогда. :P
Используйте скрытый апплет с классом java.awt.robot, чтобы переместить курсор за пределы экрана. Произнесите самый нижний левый угол.
У меня была такая же проблема в эти дни и я нашел хорошее решение, чтобы скрыть указатель в Google Chrome.
Это определение W3C свойства url:
URL-адреса пользовательских курсоров, разделенные запятыми. курсоров. Примечание: Всегда указывайте общий курсор в конце списка, в случае, если ни один из определенных URL
Так, вы можете указать url на не полностью прозрачное изображение, за которым следует указатель по умолчанию:
cursor: url(img/almost_transparent.png), default;
Если вы выберете полностью прозрачный png, Chrome отобразит черный прямоугольник, но если вы выберете png с хотя бы 1px непрозрачности, он будет работать, и никто не заметит указатель.