在Chrome(和IE)中隐藏光标

Question

我有以下CSS隐藏鼠标光标在网页上的任何内容.它在Firefox中完美运行,但在IE和Chrome中,它不起作用.

html {
    cursor: none;
}

在Chrome中,我总是看到鼠标指针.但是,在IE中,我看到任何光标在进入屏幕时最后"活动".据推测,它保留了最后的选择而不是删除它.

Answer 1

此属性cursor:none;不是标准的一部分

在这里看到w3c游标的CSS属性.

您可能希望使用Javascript或JQuery来隐藏它.

另外,在这里查看空白光标文件.

最后一个链接到ajax解决方案.

Chrome自建立以来就遇到过这个问题,已经向Chromium的人们发送了报告,我认为他们正在努力解决这个问题.

此外,不要相信任何东西都可以在IE中工作.永远.:P

Answer 2

这些天我遇到了同样的问题,并找到了一个很好的解决方案来隐藏Google Chrome中的指针.

这是url属性的W3C定义:

以逗号分隔的URL与自定义游标.注意:如果不能使用任何URL定义的游标,请始终在列表末尾指定通用游标

因此,您可以将URL定义为不完全透明的图像,然后是默认指针:

cursor: url(img/almost_transparent.png), default;

如果你选择一个完全透明的png,Chrome会显示一个黑色矩形,但是如果你选择一个至少1px不透明的png它会工作,没有人会注意到指针.

Answer 3

找到适用于浏览器的东西很痛苦.

以下代码适用于Chrome,IE和Firefox.IE喜欢.cur文件,Chrome喜欢嵌入式png,有些浏览器实际上尊重无:)

div {
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg=='),
    url(images/blank.cur),
    none;
}