首页
问答
词典
文集
工具
退出登录
登录
我要提问
搜索
问答首页
如何用 CSS 自定义鼠标指针?
正
2
0
1
3
-
0
9
-
0
9
1
8
:
3
0
:
3
1
版本:
1
/
1
2
0
1
3
-
0
9
-
0
9
1
8
:
3
0
:
3
1
版本:
1
/
1
有时候,打开某些网页,鼠标指针就会变成一些奇怪的小图标,怎么实现?
有时候,打开某些网页,鼠标指针就会变成一些奇怪的小图标,怎么实现?
ani
CSS
curl
cursor
更多标签...
cursors
鼠标
网页
指针
自定义
版权归作者所有。任何形式转载须联系作者获得授权。
作者:
正解网
来源:正解网
链接:
http://localhost:9000/question/b5abae30
投票
7
好问题
烂问题
修改
分享
扫码分享
分享到新浪微博
分享给QQ好友
分享到QQ空间
复制网址
OK了,粘贴即可!
问题状态
正解:
1
个
解答:
1
个
同问:
0
人
浏览:
52
次
相关问题
写网页时,如何实现鼠标悬浮在输入框上时改变边框颜色或背景色?
正解:
1
解答:
1
同问:
0
写网页时,怎样实现鼠标移动到链接上文字下沉效果?
正解:
1
解答:
1
同问:
0
写网页时,如何自定义浏览器的滚动条样式?
正解:
1
解答:
1
同问:
0
【淘宝网】(商家常见问题)用CSS装修时,除自定义区域外的固定区域出现错乱,怎么办?
正解:
1
解答:
1
同问:
0
如何解决网页透明层中内容也透明的问题?
正解:
1
解答:
1
同问:
0
修改提问
如何用 CSS 自定义鼠标指针?
有时候,打开某些网页,鼠标指针就会变成一些奇怪的小图标,怎么实现?
ani
CSS
curl
cursor
cursors
鼠标
网页
指针
自定义
提交
图片
把图片文件拖到这里即可上传
上传完,点击「插入图片」按钮插入
title
插入图片
图片链接:
图片描述:
添加
取消
视频
title
插入视频
视频链接:
添加
取消
出于安全考虑,目前正解网仅支持腾讯视频(支持 HTTPS)的视频播放页链接
提交
1
个解答
正
2
0
1
3
-
0
9
-
0
9
1
8
:
3
0
:
3
1
版本:
1
/
1
2
0
1
3
-
0
9
-
0
9
1
8
:
3
0
:
3
1
版本:
1
/
1
只需观看完一个15秒以内的短视频广告,即可查看解答。只需观看完一个15秒以内的短视频广告,即可查看解答。
看完广告,即可查看解答。只需观看完一个15秒以内的短视频广告,即可查看解答。
只需观看完一个15秒以内的短视频广告,即可查看解答。只需观看完一个15秒以内的短视频广告,即可查看解答。
看完广告,即可查看解答。只需观看完一个15秒以内的短视频广告,即可查看解答。
4319 人已浏览过此解答
免费查看解答
×
打开手机微信扫一扫免费查看解答
3步免费查看解答
2步免费查看解答
1️⃣ 长按保存下方小程序码
2️⃣ 打开手机微信的扫一扫
3️⃣ 点击右上角相册选取此码
1️⃣ 长按下方的小程序码
2️⃣ 在弹出的菜单中识别图中的小程序码
小程序码已失效
👉请点此刷新👈
60
s
自动显示解答
修改解答
在 Windows 中可以修改鼠标指针显示效果,这些指针都存放在 Windows 的 cursors 目录中,它们是以 .cur 和 .ani 结尾的图片文件。 在网页中用 CSS 定义鼠标指针可以使用任意的 cur 和 ani 文件。 其实自定义鼠标的 CSS 十分简单,只用一段代码即可完成: cursor:url(xxx/01-3.cur); cursor 是自定义鼠标指针的属性,url 就是指定鼠标图标的路径,图标文件名可以使 cur,也可以是 ani。 如果想让整个网页的鼠标指针都变样,可以直接在 body 标签中定义: body { cursor:url(xxx/01-3.cur); } 如果想在特定区域让鼠标变样,只要定义一个 class 或者 id 就可以了: .cursorbox { cursor: crosshair; width:200px; height:120px; border:1px solid #F00; padding:20px; cursor:url(xxx/01-3.cur); } 但需要注意的是 Firefox3.0 对这种定义方法支持不是很好,在 Firefox 中鼠标的路径必须使用绝对路径才能正常显示,比如: cursor:url(/xxx/01-3.cur);或者cursor:url(http://www.xxx.com/xxx/01-3.cur); 除此之外,Firefox 也不支持 ani 文件,如果一定想使用 ani 的指针,可以试着将它改名为 .gif 文件。 ![](/image/a8a857bbbe6b2831f94a5a05e2d353ee.gif)
提交
图片
把图片文件拖到这里即可上传
上传完,点击「插入图片」按钮插入
title
插入图片
图片链接:
图片描述:
添加
取消
视频
title
插入视频
视频链接:
添加
取消
出于安全考虑,目前正解网仅支持腾讯视频(支持 HTTPS)的视频播放页链接
提交
我的解答
提交
图片
把图片文件拖到这里即可上传
上传完,点击「插入图片」按钮插入
title
插入图片
图片链接:
图片描述:
添加
取消
视频
title
插入视频
视频链接:
添加
取消
出于安全考虑,目前正解网仅支持腾讯视频(支持 HTTPS)的视频播放页链接
提交
∧
回顶部