У меня есть следующий CSS, который скрывает курсор мыши для чего-либо на веб-странице. Он отлично работает в Firefox, но в IE и Chrome он не работает.Скрыть курсор в Chrome (и IE)
html {
cursor: none;
}
В Chrome я всегда вижу указатель мыши. Тем не менее, в IE я вижу, какой курсор был последним «активным», когда он вошел в экран. Предположительно, он сохраняет последний выбор вместо его удаления.
Это свойство cursor:none; не является частью стандартного
Смотрите здесь w3c cursor CSS properties.
Возможно, вам захочется скрывать его с помощью Javascript или JQuery.
Также посмотрите на файлы с пустым курсором here.
И одна последняя ссылка на ajax solution.
У Chrome был этот вопрос с момента его создания, там были сообщения, отправленные людям по телефону Chromium, и я предполагаю, что они работают над ним.
Кроме того, не верьте, что в IE все будет работать. Когда-либо. : P
Используйте скрытый апплет с классом java.awt.robot, чтобы переместить курсор с экрана. Скажем, самый нижний левый угол.
Вау ... Я не могу придумать более сложный и сложный способ выполнить такую простую задачу. – samulisoderlund
I +1 это. Это непростая задача. Курсор: нет; «работает» в Chrome, но если вы нажмете левую кнопку мыши, курсор снова появится. Если вы попытаетесь перетащить, курсор снова появится. Если вы можете сделать что-то вроде открытого и закрывающего инспектора, курсор снова появится. Есть * много * способов вернуть его. Это решение - это то, что обеспечивает постоянное удаление курсора, если это потребует ваше приложение. –
У меня была такая же проблема в наши дни и я нашел хорошее решение, чтобы скрыть указатель в Google Chrome.
Это W3C definition ВГД собственности:
через запятую из URL-адресов для пользовательских курсоров. Примечание: Всегда указывать общий курсор в конце списка, в случае, если ни один из URL определенных курсоров может быть использованы
Таким образом, вы можете определить URL, чтобы не полностью прозрачной изображения, а затем указатель по умолчанию:
cursor: url(img/almost_transparent.png), default;
Если вы выбираете полностью прозрачный PNG, Chrome будет отображать черный прямоугольник вместо этого, но если вы выбираете PNG, по крайней мере 1px не прозрачна она будет работать, и никто не заметит указатель.
Просто чтобы вы знали, что Chrome поддерживает «курсор: нет»; и IE поддерживает полностью прозрачные курсоры. Вы можете использовать специальные таблицы стилей браузера. ;) – trusktr
Благодарим вас за комментарий. Во время моего ответа Chrome не поддерживал курсор: none – alexmeia
Может ли он работать над IE и Edge (через браузерный стол) –
Поиск того, что работает в разных браузерах, - это боль.
Приведенный ниже код работает на Chrome, IE и Firefox. IE любит .cur файлы, Chrome любит встроенный PNG, и некоторые браузеры на самом деле не уважают никого :)
div {
cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg=='),
url(images/blank.cur),
none;
}
Так что лучший способ справиться с этим в настоящее время является замок указатель апи.
https://developer.mozilla.org/en-US/docs/WebAPI/Pointer_Lock
Это будет скрывать курсор мыши, но вы получите доступ к данным о движении мыши, а также.
В CSS: * { cursor: url(cursor.png), none !important }
Почему вы хотите, чтобы сделать такую вещь? – graphicdivine
Потому что у меня есть экран, обращенный к клиенту, который не имеет взаимодействия с человеком. Когда окно запускается, он автоматически запускает веб-браузер, но курсор автоматически начинается в центре экрана, который маскирует часть веб-страницы. Поэтому его нужно скрывать. – Chris
Вы также можете использовать другой браузер для своего дисплея. Удар F11 в большинстве браузеров сделает их полноэкранными. – Kyle