WordPress如何用css修改鼠标的样式?

一直看到其他博客上有把鼠标换成非浏览器默认的格式,自己也研究了一下。有人是通过插件实现的也有的是通过css实现的,插件的话使用的太多会减慢网页打开的速度,下面给大家分享一个css方法: 首先进入后台——外观——编辑——style.css 在body和a:hover中分别加入样式就可以了。 cursor: url(images/鼠标样式图片的名称.png), auto; 移动鼠标在页面上试试,看看你的鼠标起了什么变化吧!如果没有变化,记得刷新一下或者检查一下图片的路径有没有写对。
温馨提示:鼠标样式图片要上传的相应主题下的images文件夹中。
下面是对这15种鼠标默认效果的解释。
hand是手型
pointer也是手型(这里推荐使用这种,因为这可以在多种浏览器下使用)
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果
版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创 转载请注明:出处来自田珊珊个人博客 » WordPress如何用css修改鼠标的样式?
点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注
  • jlqwer说道:
    博主可以分享下你的图片吗?
  • xq说道:
    博主,请问你博客点击空白就跳出字体是怎么实现的
  • wp_tianshan说道:
    @xq 请查看:鼠标特效——鼠标点击出现文字效果 这篇文章。有写到详细过程
  • 樱花博客说道:
    为什么改了不管用啊 ? 求告知。。。
  • 田珊珊博客说道:
    @樱花博客 检查一下路径写的对不对。。。
  • U乐娱乐注册