如何让firefox和chrome支持css自定义鼠标样式?IE中用“cursor:url()”属性可以实现,FF、Chrome怎么弄?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何让firefox和chrome支持css自定义鼠标样式?IE中用“cursor:url()”属性可以实现,FF、Chrome怎么弄?相关的知识,希望对你有一定的参考价值。

我想要通用的解决方案 最好是兼容所有浏览器的写法。
如何让firefox和chrome支持css自定义鼠标样式?IE中用“cursor:url()”属性可以实现,FF、Chrome怎么弄?
我想要通用的解决方案 最好是兼容所有浏览器的写法。
不要说FF不能实现,百度图片浏览在FF下鼠标变成箭头形状就能没有任何问题。
谢谢。

问题已自己解决,一点小总结:
body, html cursor:url(http://127.0.0.1/a/c.cur),default; 后面一定要有一个标准属性,url相对绝对路径都可以,auto、default什么的都可以。
FF MS不支持动态cur,一点也不支持ani。想让鼠标透明只需透明图替换即可。
另外一个问题在于默认FF下body和html都是0宽高,要解决这个问题可以用JS动态设置body的高度。
如果不设置html而只有body的话,IE下默认也不会出现。

您好!

以下供您参考:

mouse_style_fdcursor:url(/ani/fd.cur),auto
IE下为相对路径,不加,auto没有问题。
Firefox下必须为根路径,必须加,auto 。

(/ani/fd.cur)为自定义鼠标的路径。

感谢您对火狐浏览器的支持!
参考技术A 请教 啥叫JS设置body的高度?
还有我加了标准属性FF chrome都没实现,有没有实例可以发个,
参考技术B 嗯,lz是牛人,css高手。 参考技术C 不错!

如何使用 CSS 为 Mozilla Firefox 创建自定义滚动条? [复制]

【中文标题】如何使用 CSS 为 Mozilla Firefox 创建自定义滚动条? [复制]【英文标题】:How can I create custom scrollbar for Mozilla Firefox with CSS? [duplicate] 【发布时间】:2014-10-18 06:54:49 【问题描述】:

是否可以使用 CSS 为 Mozilla Firefox 创建自定义滚动条?

我发现一些文章表明它在过去受到支持(例如 http://codemug.com/html/custom-scrollbars-using-css/)。

还有更多的例子吗?

【问题讨论】:

跨浏览器自定义滚动条唯一可行的解​​决方案是Javascript,我通常使用并推荐这个插件:manos.malihu.gr/jquery-custom-content-scroller 最佳解决方案addons.mozilla.org/en-US/firefox/addon/noiascrollbars这是最佳解决方案 我想推荐 fakescroll 这是一个用于自定义滚动条的 vanilla-js 小脚本 从 Firefox 64 开始,您可以使用 scrollbar-color 属性:developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color 【参考方案1】:

在这一侧,firefox scollbar 被取消。

http://codemug.com/html/custom-scrollbars-using-css/

但是看这里:

http://jscrollpane.kelvinluck.com

http://hesido.com/web.php?page=customscrollbar

http://script-tutorials.com/custom-scrollbars-cross-browser-solution

http://manos.malihu.gr/jquery-custom-content-scroller

这些插件适用于所有浏览器。

插件仅适用于火狐: https://addons.mozilla.org/de/firefox/addon/noiascrollbars/

希望能帮到你!

【讨论】:

这是我在这个问题上遇到的最佳答案。 @dabraham,考虑接受这个答案。 manos.malihu.gr/jquery-custom-content-scroller 是完美的:至少对我来说。我从谷歌搜索结果中探索的所有其他解决方案都有许多小问题。 这些都是javascript解决方案,不是css要求的 @alwe Mozilla Firefox 的 css 是不可能的:bugzilla.mozilla.org/show_bug.cgi?id=77790

以上是关于如何让firefox和chrome支持css自定义鼠标样式?IE中用“cursor:url()”属性可以实现,FF、Chrome怎么弄?的主要内容,如果未能解决你的问题,请参考以下文章

在 Chrome 和 Firefox 上重新加载 js 和 CSS

如何让 Chrome 支持的 webview 颤动?

自定义字体在 Firefox 中不起作用。

如何在 Linux Chrome 和 Firefox 上信任自签名 localhost 证书

CSS 动画在 chrome 中有效,但在 Firefox 和 Safari 中无效

如何修复 Firefox 和 Chrome 之间的 CSS 填充问题?