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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐