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修改鼠标的样式?

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注

  1. jlqwer说道:

    博主可以分享下你的图片吗?

  2. xq说道:

    博主,请问你博客点击空白就跳出字体是怎么实现的

    1. wp_tianshan说道:

      @xq 请查看:鼠标特效——鼠标点击出现文字效果 这篇文章。有写到详细过程

  3. 樱花博客说道:

    为什么改了不管用啊 ? 求告知。。。

    1. 田珊珊博客说道:

      @樱花博客 检查一下路径写的对不对。。。