网络浏览器:隐藏鼠标指针

44

是否可以在Web浏览器中隐藏鼠标指针?

我曾在Flash中为触摸屏应用程序完成过这项工作,其中鼠标指针会分散注意力且不必要。这次是为了一个非交互式的显示屏,因此不需要鼠标指针。

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

正在使用的浏览器是Firefox,因此可能有一个插件可以实现这个功能?虽然最好能够通过JavaScript/jQuery来实现。

3个回答

88

只需使用CSS规则:

* {
cursor: none;
}

正确 - 但是如果文档高度未填充/ >100%,一些浏览器仍然会显示光标。 - goddva
我听说过这个,但被告知它不起作用...很惊喜它确实有效 :) - Peter Bridger
适用于我的Chrome浏览器(在Mac OSX上的版本为6.0.472.63)。 - William Knight
Chrome在Kiosk(全屏无边框)模式下(版本12.0.742.122,Windows XP SP3),并且窗口最大化时似乎忽略了BODY {cursor:none}和* {cursor:none} --也许我误解了答案。 - Jeremy
1
无法编辑我的最后一条评论(太老了?)。在Kiosk模式下的Chrome中,使用css中的* {cursor:none}将删除光标。(版本16.0.912.77 m,在xp sp3上) - Jeremy

13

跨浏览器找到可行的东西是很烦人的。

以下代码可在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):http://pc.autons.net/stuff/blanks/ - Gilead
对我有用。无法在任何地方检索.cur文件,因此这是另一个链接; 下载blank.cur - Simon Somlai
您可以在此处找到空白光标:https://web.archive.org/web/20120320085351/http://pc.autons.net/stuff/blanks/blank.zip - Stephan

2

尝试使用CSS:

  #elementID{
     cursor: none;
  }

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接