CSS-自定义鼠标图标

html-css018

CSS-自定义鼠标图标,第1张

解析：前面的url是自定义鼠标图标的路径，可以为相对/绝对路径。第二个参数是css标准的cursor样式。可换成其他属性（如pointer/crosshair/default/等）

注意：w3school推荐第二个参数必须定义一个普通的光标，以防止url定义的光标有备用选项。另外，IE下第二个参数可以省略。

自定义鼠标图标，需要注意以下几点:

① 图标的格式

IE支持cur,ani,ico这三种格式，FF支持bmp,gif,jpg,cur,ico这几种格式，不支持ani格式，也不支持gif动画格式，因此一般将url引用的图标存为ico或cur格式比较好。

② 图标的大小

鼠标图标的尺寸推荐32*32，否则可能出现大小不一致问题。

参考文章： 使用自定义的鼠标图标

自定义光标样式，通过自定义光标的图案来设置光标的长短。

CSS里的cursor属性能接受很多种光标样式属性，而且，如果使用url()表达式，你还能用自己的图片自定义光标图案样式。

自定义光标样式的CSS代码如下：

body {

cursor: url('some-cursor.ico'), default

}