我们浏览网页时会发现，鼠标指针会根据不同类型的元素进行相应的变化，比如：移到文本框上时会变成文本指示样式，移到链接上时会变成手型（手指形状）。
如果想要修改指针样式，只需要通过cursor这个CSS样式进行设置即可。
1，修改光标样式
假设我们想让光标移动到按钮上时变成十字形状：
（1）最简单的方法就是直接设置元素的cursor样式。
（2）也可以把光标样式定义成相应的class样式，元素这边直接使用使用即可。
2，光标样式汇总
下面列出了所有的光标样式，将鼠标移动到上面即可看到效果。
pointeraliasall-scrollautocellcontext-menucol-resizecoliycrosshairdefaulte-resizeew-resizegrabgrabbinghellimoven-resizene-resizenesw-resizens-resizenw-resizenwse-resizeno-drolinonenot-allowedliointerlirogressrow-resizes-resizese-resizesw-resizetexturlw-resizewaitzoom-inzoom-out
3，使用自定义图片作为鼠标光标
如果觉得自带的这些光标样式还不能满足需求，我们还可以使用指定图片作为光标。比如下面样例，当我们鼠标移动到按钮上时，指针变成一个名为“refresh.png”的图片。
原文出自：转载请保留原文链接：CSS - 鼠标指针样式详解（cursor光标样式、自定义指针图片）
