.btn{光标：url("./img/pointer.jpg"),auto;}前段时间在项目中遇到需要自定义鼠标图标。由于我们一般使用的鼠标样式大多是固定的，自定义鼠标图标并不是很常用，所以总结一下这个小知识点，以防遗忘。自定义鼠标图标自定义鼠标图标是使用csscursorurl。csscursorurl的使用格式：css:{cursor:url("iconpath"),auot};//IE,FF,chrome浏览器均可示例代码：.btn{光标：url("./img/pointer.jpg"),auto;}解析：前面的url是自定义鼠标图标的路径，可以是相对/绝对路径。第二个参数是CSS标准光标样式。可以换成其他属性（比如pointer/default/等）注意：w3school建议第二个参数必须定义一个普通的cursor，防止url定义的cursor有备用选项。另外IE中的第二个参数可以省略。自定义鼠标图标需要注意以下几点。图标格式IE支持cur、ani、ico三种格式，FF支持bmp、gif、jpg、cur、ico三种格式。不支持ani格式，也不支持gif动画格式，所以一般把url引用的icon保存成ico或者cur格式比较好。图标大小鼠标图标大小建议为32*32，否则可能会出现大小不一致的情况。附上cursor属性值，描述url要使用的自定义游标的URL。（注意：确保在此列表的末尾放置一个公共游标，以防没有可用URL定义的游标。）default默认游标（通常是箭头）auto默认值。浏览器设置的cursorcrosshaircursor呈现一个crosshairpointercursorpresentsasjustalinkpointer(ahand)movethiscursorjustanobjectthatcanbemovede-resizethiscursor表示linebox的边缘可以移动向右（东）ne-resize此光标指示行框的边缘可以向上和向右（北/东）移动。nw-resize此光标指示矩形框的边缘可以向上和向左（北/西）移动。n-resize此光标指示矩形的边缘可以向上（向北）移动。se-resize此光标指示矩形的边缘可以向下和向右（南/东）移动。sw-resize此光标指示矩形的边缘可以向下和向左（南/西）移动。s-resize此光标指示矩形的边缘可以向下移动（北/西）。w-resize此光标指示矩形的边缘可以向左（向西）移动。text此光标指示文本wait此光标指示程序正忙（通常是持续监视或沙漏）help此光标指示可用帮助（通常是问号或气球）
