如何美化wordpress界面鼠标指针样式-变化吧

二叶草

1214
文章

0
评论

2020年1月13日18:59:29美化教程评论阅读模式

如何美化wordpress界面鼠标指针样式呢？会想到开始美化这个的原因是之前做小程序的时候，对ui界面魔改起来狠大的兴趣。我们用上好看的主题，鼠标却普普通通的，就如一个衣服穿的好看没有化妆的样子

1.美化鼠标

美化鼠标的话，只要在我们的后台-外观-主题编辑-style样式表中添加

 /* 光标样式 star*/body {cursor: url(https://frbkw.com/shubiao/Worn.cur), default;}a:hover{cursor:url(https://frbkw.com/shubiao/Quest.cur), pointer;}input:hover{cursor:url(https://frbkw.com/shubiao/Quest.cur), pointer;}/* 光标样式 end*/

但是这样只有在前台有效果，登入以及后台鼠标就回原来的样子了

在网站目录/wp-admin/css/login.min.css一样的添加该代码，登入界面鼠标也美化了

后台好像没有找到css文件，就先不发

 /* 光标样式 star*/body {cursor: url(https://frbkw.com/shubiao/Worn.cur), default;}a:hover{cursor:url(https://frbkw.com/shubiao/Quest.cur), pointer;}input:hover{cursor:url(https://frbkw.com/shubiao/Quest.cur), pointer;}/* 光标样式 end*/

随后清除缓存就可以实现效果了，下面是一些详细解释

2.语法说明

其中cursor：后面跟随的是鼠标图标演示所在文件，default是状态常用状态如下

default	默认光标（通常是一个箭头）
auto	默认。浏览器设置的光标。
crosshair	光标呈现为十字线。
pointer	光标呈现为指示链接的指针（一只手）