自定义cursor鼠标 图片

Posted fanxinsuoxiang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自定义cursor鼠标 图片相关的知识,希望对你有一定的参考价值。

1、CSS3自定义鼠标样式

最近想要使用自定义鼠标样式,看了cursor的样式不好看,就想到cursor属性能不能自定义图片,翻看了下CSS3文档,发现是可以的

格式为:cursor:url(‘图片url‘),备选样式;

body{
      cursor: url(‘a.ico‘),pointer;
}

注:
1、图片最好32*32大小,转换成ico格式
——网上扒来的转换网址:转换

2、必须设置备选样式

3、IE 图片格式只支持cur和ani



以上是关于自定义cursor鼠标 图片的主要内容,如果未能解决你的问题,请参考以下文章

鼠标点击出现爱心+社会主义价值观+随机颜色的文字+鼠标cursor自定义图片

cursor url 自定义鼠标样式

cursor:改变鼠标样式

使用自定义的鼠标图标 --- cursor url

用图片替代cursor光标样式

unity中自定义鼠标样式