/dev/cursors —— 鼠标指针自检

鼠标依次扫过下面每一行右侧的 demo 区,确认指针图标变化正确。13 张图全部命中即上线 ready。
(本页不进导航、不进 RSS,只能直接访问 URL。)

预览

文件

触发场景

Demo

Normal.png

默认 / 文本周围的空白区域

鼠标移到这段说明文字旁边(不在任何 a/button 上)

普通文本

Link.png

链接 / 按钮 / 可点击

悬浮 ↓ 蓝色链接 / 按钮 / [role=button] / .cursor-pointer / inline cursor:pointer

a 标签 button [role=button] .cursor-pointer inline pointer

Text.png

文本输入

聚焦或悬浮 ↓ <input>、<textarea>、contenteditable 元素

contenteditable 元素

Unavailable.cur

禁用态

悬浮 ↓ disabled 按钮 / .disabled

disabled button .disabled

Move.cur

可拖拽 / 移动

悬浮 ↓ draggable=true 元素 / .draggable / inline cursor:move

draggable inline move

Help.cur

帮助

悬浮 ↓ inline cursor:help 元素

inline help

Precision.cur

精确选择(crosshair)

悬浮 ↓ inline cursor:crosshair 元素

inline crosshair

Vertical.png

上下 resize(ns-resize)

悬浮 ↓ inline cursor:ns-resize 元素

inline ns-resize

Horizontal.cur

左右 resize(ew-resize)

悬浮 ↓ inline cursor:ew-resize 元素

inline ew-resize

Diagonal1.cur

斜对角 resize(nwse)

悬浮 ↓ inline cursor:nwse-resize 元素

inline nwse-resize

Diagonal2.cur

斜对角 resize(nesw)

悬浮 ↓ inline cursor:nesw-resize 元素

inline nesw-resize

Busy.png

忙(沙漏 wait)

悬浮 ↓ .cursor-wait 元素

.cursor-wait

Working.png

后台进度(progress)

悬浮 ↓ .cursor-progress 元素

.cursor-progress