常用cursor取值有哪些?——提高页面用户体验的必备技能!

3 min read

常用的 cursor 取值包括:

  1. default:默认光标形状。

  2. pointer:手形光标,表示链接,用于点击跳转。

  3. text:文本光标,表示可输入状态。

  4. move:移动光标,表示可拖拽。

  5. crosshair:十字光标,表示精确定位,通常用于画图或标注等操作。

  6. wait:等待转圈光标,表示系统正在处理中,需等待。

  7. progress:进度条光标,表示操作进行中,需等待。

  8. help:帮助光标,表示用户需要帮助或提示。

  9. not-allowed:禁止光标,表示该操作不可用。

  10. grabbing 和 grab:手抓和抓取光标,表示可拖拽的对象,分别表示正在拖拽和可拖拽。

  11. zoom-in 和 zoom-out:放大和缩小光标,表示可以对某个元素进行缩放操作。

还有一些其他的光标取值,具体使用时需要根据业务需求和美感等方面进行选择。