不知道大家对QQ空间装扮的鼠标指针还有没有印象，有些个人博客也会有自己个性的指针，测试岛也设置了自己的指针，相信如果此时此刻你正在电脑浏览器上滑动鼠标查看这个页面，那么已经看到一个绿色的指针了，那么这是怎么实现的呢？
以WordPress系统为例，其实非常简单，步骤只有3个：
步骤1：
先网上找到你想要使用的指针，有两种可以设置：
- 一个是正常状态鼠标没有悬停在网址链接上时的样式
- 另一个是当鼠标悬停在链接上时的样式
注意WordPress默认只支持.cur扩展名的静态鼠标，而.ani扩展名的不支持，据测试也不是全部cur格式都支持，可以自己试试，或者把png格式的图片在网上在线转换成cur格式 例如这个convertio.co，图片分辨率大小建议是40×40
步骤2：
把找到的鼠标指针文件放到自己网站内容在服务器的目录，也就是WordPress文件所在的目录，可以新建一个文件夹例如cursor，指针文件都放到这个文件夹里，便于后续管理和使用
步骤3：
在WordPress后台，进入如下路径：外观->自定义
然后在打开的页面左侧底部，找到【额外CSS】并点击：
然后把如下这段实现自定义鼠标指针的代码粘贴进去，注意两个指针文件的路径改为你自己的路径，然后记得点击顶部的【发布】按钮：
1 2 3 4 5 6 7 8 9 10 | /** 鼠标样式 开始**/ /** 普通指针样式**/ body { cursor: url(https://ceshidao.com/cursor/kwpointer.cur), default; } /** 链接指针样式**/ a:hover{cursor:url(https://ceshidao.com/cursor/win11-link-green.cur), pointer;} /** 鼠标样式 结束**/ |
然后打开自己网页，应该就是自定义的指针样式了，如果没有，那就清理下浏览器缓存，或清理下服务器的缓存，应该就可以了。
PS：这个绿色指针有哪位朋友认识是哪里来的吗 🙂
📲要在手机上查看？扫描下方二维码获取本文链接：
