CSS自定义鼠标指针样式

CSS提供的cursor属性，允许用户自定义鼠标指针样式。

自定义鼠标指针

CSS允许用户创建自己的鼠标光标图片，自己制作的鼠标指针图片可以使用PS或转换工具导出为.cur格式的光标指针文件，并在CSS中使用：

  div{
    cursor: url(cursors/myCursor.cur);
  }

需要注意的是，使用此方法引入光标时，浏览器要求指定一个备用光标，当光标文件无法正常读取或显示时，显示备用光标，否则cursor属性将被禁用：

  div{
    cursor: url(cursors/myCursor.cur), pointer;
  }

有一部分浏览器如Firefox、Chrome还支持使用.png、.jpg等常用的图片文件引入光标。

注意：Opera 9.3 和 Safari 3 不支持 使用url定义鼠标光标。

预定样式

参考资料：

cursor（鼠标手型）属性
CSS cursor 属性