最新版本：Javascript-Web浏览器：隐藏鼠标光标

Javascript-Web浏览器：隐藏鼠标光标

此问题已在此处回答

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

我已经在Flash中为触摸屏应用程序完成了此操作，其中鼠标光标分散了人们的注意力，因此不需要他们。这次，它用于非交互式显示，因此不需要鼠标光标。

我的直觉是，仅通过使用浏览器插件就无法在Web浏览器中实现此目标。

使用的浏览器是Firefox，因此也许有一个插件可以实现这一目标？尽管最好通过JavaScript / jQuery来做到这一点。

彼得·布里奇（Peter Bridger）问2020-08-09T13：01：14Z

3个解决方案

77票

只需使用CSS规则：

* {
cursor: none;
}

Eldar Djafarov回答2020-08-09T13：01：21Z

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;
}

Aditya Ravi Shankar回答2020-08-09T13：01：45Z

2票

尝试使用CSS：

  #elementID{
     cursor: none;
  }

scragar回答2020-08-09T13：02：05Z

翻译自：/ questions / 1361404 / web-browser-hide-mouse-cursor

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-325249-1.html