【问题标题】:Web browser: Hide mouse cursor [duplicate]Web浏览器:隐藏鼠标光标[重复]
【发布时间】:2010-11-24 14:06:08
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: javascript jquery html firefox browser


    【解决方案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;
      }
      

      【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-05-24
      • 1970-01-01
      • 2013-09-16
      • 1970-01-01
      • 2015-05-27
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多