求助人:小薇
原理解释
2023年10月20日 16点51分

需要前端大佬指点一下UI以及css

.box{ cursor: url('./assets/光标.png'); //这个没效果 }使用的vue2.6的框架,使用cursor改变光标样式失效
关键字: vue css
  • 悬赏了: 帮帮币 10 枚
  • 半糖人类 处理中……
  • 学习中遇到的问题, 需要保密允许公共编辑
  • 演示/调试环境:分享桌面
  • 期望完成时间: 2023年10月20日 18点10分
协助进程

已支付
2023年10月20日 16点56分 邀请了帮主叶飞
2023年10月20日 16点59分 帮主叶飞发送我能帮忙的消息……
2023年10月20日 17点01分 帮主半糖人类发送我能帮忙的消息……
2023年10月20日 17点01分 邀请了帮主半糖人类
2023年10月20日 17点02分 帮主半糖人类接受了邀请,接头暗号已发送
2023年10月20日 17点46分 协助由帮主半糖人类成功完成
2023年10月20日 17点47分 做出评价,并将悬赏支付给帮主半糖人类
求助人评价:
解决方案
2023年10月20日 17点55分
作者 半糖人类

cursor自定义游标图片在不同浏览器下会限制最大尺寸
chrome建议使用的自定义图片大小是32px*32px
求助中因为使用了超过最大尺寸的图片,被浏览器忽略了。

PS:除了可以使用png / svg图片,作为自定义指针,还可以使用emoji,例如:

* {
cursor : url( "data: image/svg+xml; utf8,<svg
xmlns= ' http:/ / www.w3.org/2000/svg' width= ' 40' height= '48'
viewport='0 0 100 100'style='fill: black;font-size:24px ; ' ><text y= '50%'>巴</text></svg>") 16 0,
url(cursor2.png),
url(cursor3.svg),
auto;
}

在最后,使用auto,在图片资源失效时,使用浏览器的默认指针方案。


兄弟们,我尽力了,写的代码提交不了,只能截图了


点击查看

0 0 演示用,功能实现中……
上一个 下一个
@TA
回复
11月16日 20点37分 叶飞
hello, 源栈
@TA
回复
11月17日 10点29分 小九
欢迎DarkSnow和zyfaith帮主加入一起帮!
@TA
回复
11月17日 10点35分 叶飞
欢迎欢迎,试下我们的即时聊天功能
@TA
回复
11月17日 15点12分 ***
33333333333333
@TA
回复
11月17日 15点12分 ***
111
@TA
回复
11月17日 15点15分 ***
叶飞
欢迎欢迎,试下我们的即时聊天功能...
1
@TA
回复
11月17日 15点15分 ***
小九
欢迎DarkSnow和zyfaith帮主加入一起帮!...
""

有新消息,知道了