Web浏览器：隐藏鼠标光标[重复]

Posted 2023-02-21

【中文标题】Web浏览器：隐藏鼠标光标[重复]

【英文标题】：Web browser: Hide mouse cursor [duplicate]

【发布时间】：2010-11-24 14:06:08

【问题描述】：

是否可以在网络浏览器中隐藏鼠标光标？

我在 Flash 中为触摸屏应用程序完成了此操作，其中鼠标光标会分散注意力且不需要。这次是针对非交互式显示屏幕，因此不需要鼠标光标。

我的直觉是，在网络浏览器中没有简单的方法来实现这一点，只能使用浏览器插件。

使用的浏览器是火狐，那么也许有一个插件可以做到这一点？虽然最好能够通过 javascript/jQuery 来做到这一点。

【参考方案1】：

只需使用 CSS 规则：

* 
cursor: none;

【讨论】：

正确 - 但如果文档高度未填充，某些浏览器仍会显示光标 / >100% ..

我听说过这个，但被告知它不起作用......它确实是一个惊喜:)

为我在 chrome 中工作（Mac OSX 上的版本 6.0.472.63）。

Chrome 在 Kiosk（全屏无边框）模式（版本 12.0.742.122，windows xp sp3）和最大化窗口似乎忽略 BODY cursor: none 和 * cursor: none - - 也许我误解了答案。

无法编辑我的最后一条评论（太旧了？）。 Kiosk 模式下的 Chrome 在 css 中带有 * cursor: none 将 移除光标。 （版本 16.0.912.77 m，在 xp sp3 上）

【参考方案2】：

尝试使用 CSS：

  #elementID
     cursor: none;
  

【参考方案3】：

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

以下代码适用于 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 !important;

【讨论】：

获取一组公共域空白游标（包括.cur）：pc.autons.net/stuff/blanks

为我工作。无法在任何地方检索 .cur 文件，所以这是另一个链接； Download blank.cur

你可以在这里找到空白光标：web.archive.org/web/20120320085351/http://pc.autons.net/stuff/…