网络浏览器：隐藏鼠标光标

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

我在一瞬间完成这对于触摸屏的应用，其中鼠标光标是分散和不必要的。这次它是一个非交互式的显示屏幕，所以不需要鼠标光标。

我的直觉是有没有简单的方法来只使用一个浏览器插件的Web浏览器实现这一点。

使用的浏览器是Firefox，所以也许有一个插件可以实现这个功能？虽然最好能通过JavaScript/jQuery来做到这一点。

2009-09-01 Peter Bridger

只需使用CSS规则

* {cursor: none;}

来源

2009-09-01 09:15:14

正确的 - 但有些浏览器仍然会显示光标如果原稿的高度不填充/> 100％。 – goddva 2009-09-01 09:22:32

我听说过这个，但被告知它没有工作......这是一个很好的惊喜:) – 2009-09-01 09:30:42

它不适用于铬合 – DanJ 2010-08-22 18:19:45

尝试使用CSS：

#elementID{ 
    cursor: none; 
    }

来源

2009-09-01 09:16:42 scragar

+15

您应该删除重复的答案 – Vanuan 2011-01-28 13:36:47

试试这个：http://www.webtoolkit.info/javascript-custom-cursor.html

，并使用透明光标。

来源

2009-09-01 09:18:17 warpech

这应该比* {cursor：none}更加跨浏览器，但只要您坚持符合标准的浏览器，就足够了 – warpech 2009-09-01 10:57:56

链接显示“此站点由HostGator提供支持”和404遍布整个页面。 – Atomosk 2017-05-02 05:26:24

我的评论在2009年与旧版浏览器（如IE6）中的跨浏览器兼容性相关。自从版本9以来，IE支持'cursor：none'，所以我现在推荐这个解决方案。 – warpech 2017-05-03 19:48:44

找到适用于不同浏览器的东西是一种痛苦。

下面的代码适用于Chrome，IE和Firefox。 IE喜欢的.cur文件，铬喜欢嵌入PNG，和一些浏览器实际上尊重无:)

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

来源

2012-03-23 06:19:40

要获取一组公共空白光标（包括.cur）：http://pc.autons.net/stuff/blanks/ – Gilead 2014-07-21 18:40:55

为我工作。无法在任何地方检索.cur文件，因此这里有另一个链接; [下载blank.cur]（https://drive.google.com/file/d/14CctT9tg3cTYx5QDaramFTeVsFW-krKX/view?usp=sharing） – 2017-12-22 15:43:33

网络浏览器：隐藏鼠标光标

回答

相关问题