如何让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
如何在 Linux Chrome 和 Firefox 上信任自签名 localhost 证书