18

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

html {
    cursor: none;
}

在 Chrome 中，我总是看到鼠标指针。但是，在 IE 中，当光标进入屏幕时，我会看到上次“活动”的光标。大概它保留了最后一个选择而不是删除它。

4

6 回答 6

22

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

请参阅此处w3c 光标 CSS 属性。

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

此外，请查看此处的空白光标文件。

最后一个指向ajax 解决方案的链接。

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

另外，不要相信任何东西都可以在 IE 中运行。曾经。:P

于 2010-04-14T09:02:54.657 回答
11

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

这是url 属性的W3C 定义：

用逗号分隔自定义光标的 URL。注意：始终在列表末尾指定一个通用游标，以防没有任何 URL 定义的游标可以使用

因此，您可以定义一个不完全透明图像的 url，后跟默认指针：

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

如果您选择完全透明的 png，Chrome 将显示一个黑色矩形，但如果您选择至少 1px 不透明的 png，它将起作用，并且没有人会注意到指针。

于 2010-07-16T10:42:17.327 回答
7

寻找跨浏览器工作的东西是一件痛苦的事。

下面的代码适用于 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;
}
于 2012-11-28T14:54:50.360 回答
0

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

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

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

于 2013-07-01T16:11:37.193 回答
-1

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

于 2014-12-19T00:07:31.833 回答
-5

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

于 2010-04-20T21:51:45.827 回答