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

author author     2023-04-01     783

关键词:

我想要通用的解决方案 最好是兼容所有浏览器的写法。
如何让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为MozillaFirefox创建自定义滚动条?[复制]【英文标题】:HowcanIcreatecustomscrollbarforMozillaFirefoxwithCSS?[duplicate]【发布时间】:2014-10-1806:54:49【问题描述】:是否可以使用CSS为MozillaFirefox创建自定义滚动条?我发现一些文... 查看详情

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

】如何在LinuxChrome和Firefox上信任自签名localhost证书【英文标题】:Howtotrustself-signedlocalhostcertificatesonLinuxChromeandFirefox【发布时间】:2018-11-2003:10:27【问题描述】:我尝试为指向127.0.0.1的自定义本地域生成自签名证书:#/etc/hosts127.0... 查看详情

自定义 CSS webkit 滚动条在 Firefox 浏览器中不起作用

】自定义CSSwebkit滚动条在Firefox浏览器中不起作用【英文标题】:CustomCSSwebkitscrollbarisnotworkinginFirefoxbrwoser【发布时间】:2018-03-2312:09:09【问题描述】:这是我的小提琴:SCROLLBAR在Chrome和Firefox浏览器中运行fiddle,点击“切换”按钮... 查看详情

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

】在Chrome和Firefox上重新加载js和CSS【英文标题】:ReloadjsandCSSonChromeandFirefox【发布时间】:2012-01-0202:57:25【问题描述】:我听说过不支持新浏览器和萤火虫的xRefresh,还有仅适用于ie的Reloadit。如何在不刷新Chrome或FF上的整个页面... 查看详情

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

】如何修复Firefox和Chrome之间的CSS填充问题?【英文标题】:HowdoIfixCSSpaddingissuesbetweenFirefox&Chrome?【发布时间】:2013-08-1119:12:45【问题描述】:在这里待了好几个小时。我一直在使用这个出色的UI工具包:http://getuikit.com,到目... 查看详情

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

】自定义字体在Firefox中不起作用。【英文标题】:CustomfontisnotworkinginFirefox.【发布时间】:2014-07-2210:33:50【问题描述】:我已经搜索了它的解决方案,并且我认为,我正在按照建议做所有事情,但它仍然无法正常工作。自定义字... 查看详情

IE & Firefox - 自定义下拉菜单无法移除原生箭头

】IE&Firefox-自定义下拉菜单无法移除原生箭头【英文标题】:IE&Firefox-customdropdowncouldnotremovenativearrows【发布时间】:2013-08-2816:48:25【问题描述】:我正在尝试创建一个自定义下拉控件,我需要从本机控件中隐藏箭头。我正... 查看详情

既然不再支持 VLC 插件,如何在 Firefox 和 Chrome 中流式传输 RTSP 实时视频?

】既然不再支持VLC插件,如何在Firefox和Chrome中流式传输RTSP实时视频?【英文标题】:HowtostreamRTSPlivevideoinFirefoxandChromenowthattheVLCpluginisnotsupportedanymore?【发布时间】:2016-01-0922:03:13【问题描述】:既然VLC插件使用的NPAPI在Firefox中... 查看详情

Firefox 和 chrome 之间的边距不兼容

】Firefox和chrome之间的边距不兼容【英文标题】:marginincompatibilitybetweenfirefoxandchrome【发布时间】:2014-12-1902:01:40【问题描述】:我正在自定义一个名为Canvas的wordpress主题,但遇到了一些奇怪的问题。Firefox不接受这个CSS属性:页... 查看详情

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

】CSS动画在chrome中有效,但在Firefox和Safari中无效【英文标题】:CSSanimationworksinchromebutnotinfirefoxandSafari【发布时间】:2021-10-2910:38:27【问题描述】:我在Firefox和safari中遇到了这个动画问题。动画在chrome中工作。我尝试使用-Moz-和-... 查看详情

css透明度设置支持ie,chrome,firefox浏览器

CSS文件里设置例如以下就可以filter:alpha(opacity=60); //支持IEopacity:0.6;//支持Chrome。Firefox 查看详情

如何让 Chrome 和/或 Firefox 在 Karma 测试中播放 <audio> 元素?

】如何让Chrome和/或Firefox在Karma测试中播放<audio>元素?【英文标题】:HowtomakeChromeand/orFirefoxplay<audio>elementsinKarmatests?【发布时间】:2016-02-0115:46:01【问题描述】:我正在开发一个库,该库可以从HTML5&lt;audio&gt;和&... 查看详情

如何让我的 CSS 代码在 Firefox 和 IE 上运行

】如何让我的CSS代码在Firefox和IE上运行【英文标题】:HowcanIgetmyCSScodetoworkonFirefoxandIE【发布时间】:2017-09-1716:43:17【问题描述】:我有一个从灰度到彩色的图像悬停,适用于我网站中的所有图像。它在Safari和Google中完美运行,但... 查看详情

如何在 wordpress 自定义背景中将 CSS 属性添加到背景大小支持

】如何在wordpress自定义背景中将CSS属性添加到背景大小支持【英文标题】:HowtoaddCSSattributestobackground-sizesupportinwordpressCustomBackground【发布时间】:2015-06-2207:01:29【问题描述】:我正在尝试在自定义背景中添加对CSS3属性background-siz... 查看详情

如何使用 tailwind 和 ruby​​ 安装自定义字体

...ic/fonts/Barcelony.ttf我看到该字体在Chrome和Opera中有效,但在Firefox和Safari中 查看详情

@font-face - 如何让它在所有浏览器上工作

...布时间】:2012-03-2802:10:54【问题描述】:InternetExplorer9、Firefox、Opera、Chrome和Safari。但是,InternetExplorer9仅支持.eot类型的字体,而Firefox、Chrome、Safari和Opera支持.ttf和.ot 查看详情

css怎么让chrome支持小于12px的文字

谷歌浏览器Chrome是Webkit的内核,有一个-webkit-text-size-adjust的私有CSS属性,通过它即可实现字体大小不随终端设备或浏览器影响。CSS样式定义如下:-webkit-text-size-adjust:none;但是在最新版的谷歌里。已经不在支持这个属性啦,需要通... 查看详情

在 Firefox 中使滚动条轨道透明

】在Firefox中使滚动条轨道透明【英文标题】:MakescrollbartracktransparentinFirefox【发布时间】:2022-01-2314:42:18【问题描述】:我已经设法自定义了在Chrome、Safari和Edge中工作的列表的滚动条,但是在Firefox中,轨道仍然出现。似乎Firefox... 查看详情