css设置鼠标的样式

CSS 中的cursor属性控制鼠标光标位于设置此属性的元素上时的外观。它们主要用于用户体验，以传达某些功能的想法

除了上述提供的默认样式外，也可以使用定制化图标（使用自定义图标时，一定要在后面跟上一个可替代图标，用于防止自定义图标不显示导致问题）：

.custom {
  /* 这里第二个值是回滚 */
  cursor: url(images/my-cursor.png), auto;
 
  /* 你可能需要坐标来调整指针，
      例如，自定义光标是圆形的，
      你希望中间是你单击的位置 */
  cursor: url(target.svg) 15 15, move;
}

一些仅限 WebKit 的游标：

-webkit-zoom-in
-webkit-zoom-out
-webkit-zoom-grab
-webkit-zoom-grabbing