在Chrome（和IE）中隐藏光标

Question

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

html {
    cursor: none;
}

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

Answer 1

此属性cursor:none;不属于标准

请参阅此处w3c cursor CSS properties。

您可能希望尝试使用Javascript或JQuery隐藏它。

另外，请查看空白光标文件here。

最后一个指向ajax solution的链接。

Chrome自问世以来就遇到了这个问题，已经有人向Chromium的人发送了报告，我认为他们正在努力解决这个问题。

另外，不要相信IE中会有任何效果。永远。 ：P

Answer 2

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

这是url属性的W3C definition：

  

以逗号分隔的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;
}

Answer 4

所以现在处理这个的最好方法是指针锁定api。

https://developer.mozilla.org/en-US/docs/WebAPI/Pointer_Lock

它会隐藏鼠标光标，但也可以访问有关鼠标移动的数据。

Answer 5

在css中：* { cursor: url(cursor.png), none !important }

Answer 6

使用带有java.awt.robot类的隐藏applet将光标移出屏幕。说左下角。