WordPress教程:WordPress博客添加自定义鼠标样式

记录一下关于WordPress添加自定义鼠标样式,方便以后代码丢失找不回

WordPress教程:WordPress博客添加自定义鼠标样式

方法/步骤

一、准备好.cur格式的鼠标样式,准备2个,一个是普通箭头样式一个是鼠标移动到链接处的手掌样式,你也可以个性化自己的鼠标样式

二、在当前主题header.php文件中的/head前添加以下样式:

  1. body {    
  2.     cursorurl("https://www.chiser.cc/images/MacOS.cur"), auto;    
  3. }  
  4. a:hover{  
  5.     cursorurl("https://www.chiser.cc/images/Hand.cur"),pointer;  
  6. }   

三、其中https://www.chiser.cc/images/MacOS.cur是正常状态下的鼠标样式的文件绝对地址,https://www.chiser.cc/images/Hand.cur是鼠标移动到链接处的鼠标样式绝对地址

四、保存完毕后刷新网页即可看到效果

给TA打赏
共{{data.count}}人
人已打赏
WordPress

WordPress教程:WordPress引入阿里巴巴矢量图标库彩色图标

2019-4-4 20:31:15

WordPress

WordPress主题:Cosy v1.0.1

2019-4-5 21:10:09

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索