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
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐