CSS Cursor 预览
展示所有 CSS cursor 属性值，鼠标悬停实际预览光标效果，一键复制 cursor CSS 代码
default
默认箭头光标
pointer
手型光标（链接/按钮）
crosshair
十字准星
move
移动
text
文本选择
wait
等待（旋转）
help
帮助（问号）
not-allowed
禁止
grab
抓取
grabbing
抓取中
zoom-in
放大
zoom-out
缩小
cell
单元格选择
col-resize
列调整
row-resize
行调整
n-resize
北向调整
e-resize
东向调整
s-resize
南向调整
w-resize
西向调整
ne-resize
东北调整
nw-resize
西北调整
se-resize
东南调整
sw-resize
西南调整
ew-resize
东西调整
ns-resize
南北调整
nesw-resize
东北西南调整
nwse-resize
西北东南调整
none
无光标
context-menu
上下文菜单
progress
进度中
copy
复制
alias
创建别名
no-drop
不可放置
all-scroll
全向滚动
点击卡片复制 CSS
cursor: 点击上方卡片选择;
CSS Cursor 说明
常用光标类型
- default — 默认箭头
- pointer — 手型，用于可点击元素
- text — 文本选择光标
- move — 移动光标
- not-allowed — 禁止光标
- crosshair — 十字准星
使用场景
- 按钮和链接使用 pointer
- 拖拽区域使用 grab/move
- 禁用元素使用 not-allowed
- 加载中使用 wait/progress
- 自定义光标 url() 支持图片