Web浏览器:隐藏鼠标光标

时间:2009-09-01 09:10:33

标签: javascript jquery html firefox browser

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

我在Flash中为触摸屏应用程序做了这个,鼠标光标分散注意力并且不需要。这次是非交互式显示屏,因此不需要鼠标光标。

我的直觉是,只有使用浏览器插件才能在网络浏览器中实现这一目标。

正在使用的浏览器是Firefox ,所以也许有一个插件可以实现这一目标?虽然最好能够通过JavaScript / jQuery来实现这一点。

3 个答案:

答案 0 :(得分:77)

只需使用CSS规则:

* {
cursor: none;
}

答案 1 :(得分:13)

查找适用于浏览器的内容非常困难。

以下代码适用于Chrome,IE和Firefox。 IE喜欢.cur文件,Chrome喜欢嵌入式png,有些浏览器实际上尊重无:)

#div {
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg=='),
    url(images/blank.cur),
    none !important;
}

答案 2 :(得分:2)

尝试使用CSS:

  #elementID{
     cursor: none;
  }