在 Chrome(和 IE)中隐藏光标

新手上路,请多包涵

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

 html {
    cursor: none;
}

在 Chrome 中,我总是看到鼠标指针。然而,在 IE 中,我看到任何光标在进入屏幕时最后一次处于“活动”状态。大概是保留最后的选择而不是删除它。

原文由 Chris 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 1k
2 个回答

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

请参阅此处的 w3c 游标 CSS 属性

您可能想研究使用 Javascript 或 JQuery 隐藏它。

另外,请在 此处 查看空白光标文件。

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

Chrome 自构建以来就存在此问题,已将报告发送给 Chromium 的人员,我认为他们正在解决此问题。

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

原文由 Kyle 发布,翻译遵循 CC BY-SA 2.5 许可协议

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

这是 url 属性的 W3C 定义

用逗号分隔自定义游标的 URL。注意:始终在列表末尾指定一个通用游标,以防无法使用任何 URL 定义的游标

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

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

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

原文由 alexmeia 发布,翻译遵循 CC BY-SA 2.5 许可协议

推荐问题