Имам следния CSS, който скрива курсора на мишката за всичко на уеб страницата. Работи перфектно във Firefox, но в IE и Chrome не работи.
html {
cursor: none;
}
В Chrome винаги виждам показалеца на мишката. В IE обаче виждам какъвто и курсор да е бил последно „активен“, когато е влязъл в екрана. Предполага се, че запазва последната селекция, вместо да я премахва.
Това свойство cursor:none; не е част от стандарта
Вижте тук CSS свойства на курсора на w3c.
Може да поискате да го скриете с Javascript или JQuery.
Освен това погледнете празните файлове с курсори тук.
И една последна връзка към ajax решение.
Chrome има този проблем, откакто е създаден, има изпратени доклади до хората в Chromium и Предполагам, че работят по въпроса.
Освен това не вярвайте, че нещо ще работи в IE. някога. :P
Имах същия проблем тези дни и намерих добро решение за скриване на показалеца в Google Chrome.
Това е дефиницията на W3C на url свойството:
URL адресите към персонализираните курсори са разделени със запетая. Забележка: Винаги посочвайте общ курсор в края на списъка, в случай че нито един от дефинираните в URL курсори не може да се използва
И така, можете да дефинирате url към не напълно прозрачно изображение, последвано от показалеца по подразбиране:
cursor: url(img/almost_transparent.png), default;
Ако изберете напълно прозрачен png, Chrome ще покаже вместо това черен правоъгълник, но ако изберете png с поне 1 пиксел непрозрачен, той ще работи и никой няма да забележи показалеца.
Намирането на нещо, което работи в различни браузъри, е мъка.
Кодът по-долу работи в Chrome, IE и Firefox. IE харесва .cur файлове, Chrome харесва вградения png, а някои браузъри всъщност зачитат none :)
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
Той ще скрие курсора на мишката, но ще ви даде достъп и до данните за движението на мишката.
This is an experimental technology == Не е добре за потребители с малко по-стари браузъри
- person Chris; 02.07.2013
В css: * { cursor: url(cursor.png), none !important }
Използвайте скрит аплет с класа java.awt.robot, за да преместите курсора извън екрана. Кажете най-долния ляв ъгъл.
