Skip to content

cursor

在鼠标指针悬停在元素上时显示相应样式。

css
cursor: auto;

enum

说明示例
default默认箭头default
auto浏览器自动判断auto
none隐藏鼠标指针none
说明示例
pointer小手,表示可点击(按钮 / 链接)pointer
text文本选择光标text
move可移动move
help帮助help
progress进度progress
cell指示单元格可被选中cell
crosshair交叉指针,通常指示位图中的框选crosshair
not-allowed不能执行not-allowed
grab可抓取grab
zoom-in放大zoom-in
zoom-out缩小zoom-out

自定义光标

使用 URL,并提供一个关键字值作为备用

ts
cursor: url(hand.cur), pointer;
  • 必须有兜底值

  • 建议尺寸 ≤ 32x32

  • 支持 .cur.png