Wordpress鼠标指针样式自定义

继续折腾自己的博客！ 今天要做的事自定义鼠标样式！需要做的是增加css样式！ 第一步：选择鼠标样式，最好是两个状态，正常和链接，即普通的箭头和小

继续折腾自己的博客！

今天要做的事自定义鼠标样式！需要做的是增加css样式！

第一步：选择鼠标样式，最好是两个状态，正常和链接，即普通的箭头和小手

第二步：将样式的cur文件上传至服务器

第三步：进入后台→主题→自定义→额外css

第四步：在输入框输入如下代码

1
2
3
4
5
6
7
8
9
10
/** 鼠标样式 开始**/ 
/** 普通指针样式**/ 
body {
cursor: url(https://blog.songtianlun.cn/wp-content/themes/hestia/mouseclink/normal.cur), default;
}
 
/** 链接指针样式**/ 
a:hover{cursor:url(https://blog.songtianlun.cn/wp-content/themes/hestia/mouseclink/link.cur), pointer;}
 
/** 鼠标样式 结束**/

注：根据自己的实际情况修改其中的链接部分，我使用的鼠标样式可以从中获取

第五步：发布，就可以看到效果啦！

本文参考文章：wordpress指针样式自定义——美化你的blog

更多鼠标样式下载：鼠标样式

技术笔记 > 自力更生
Wordpress鼠标指针样式自定义
https://www.frytea.com/post/20190112085500.html
作者
Tianlun Song
发布于
2019年1月12日
更新于
2024年6月10日
许可协议