我有以下 CSS 隐藏网页上任何内容的鼠标光标。它在 Firefox 中完美运行,但在 IE 和 Chrome 中,它不起作用。
html {
cursor: none;
}
在 Chrome 中,我总是看到鼠标指针。但是,在 IE 中,当光标进入屏幕时,我会看到上次“活动”的光标。大概它保留了最后一个选择而不是删除它。
我有以下 CSS 隐藏网页上任何内容的鼠标光标。它在 Firefox 中完美运行,但在 IE 和 Chrome 中,它不起作用。
html {
cursor: none;
}
在 Chrome 中,我总是看到鼠标指针。但是,在 IE 中,当光标进入屏幕时,我会看到上次“活动”的光标。大概它保留了最后一个选择而不是删除它。
此属性cursor:none;
不是标准的一部分
请参阅此处w3c 光标 CSS 属性。
您可能希望使用 Javascript 或 JQuery 隐藏它。
此外,请查看此处的空白光标文件。
最后一个指向ajax 解决方案的链接。
Chrome 自构建以来就遇到了这个问题,已经向Chromium的人员发送了报告,我认为他们正在努力解决这个问题。
另外,不要相信任何东西都可以在 IE 中运行。曾经。:P
这些天我遇到了同样的问题,并找到了一个很好的解决方案来隐藏谷歌浏览器中的指针。
这是url 属性的W3C 定义:
用逗号分隔自定义光标的 URL。注意:始终在列表末尾指定一个通用游标,以防没有任何 URL 定义的游标可以使用
因此,您可以定义一个不完全透明图像的 url,后跟默认指针:
cursor: url(img/almost_transparent.png), default;
如果您选择完全透明的 png,Chrome 将显示一个黑色矩形,但如果您选择至少 1px 不透明的 png,它将起作用,并且没有人会注意到指针。
寻找跨浏览器工作的东西是一件痛苦的事。
下面的代码适用于 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
它会隐藏鼠标光标,但也可以让您访问有关鼠标移动的数据。
在 CSS 中: * { cursor: url(cursor.png), none !important }
使用带有 java.awt.robot 类的隐藏小程序将光标移出屏幕。说最左下角。