鼠标指针Cursor

你可能会说

鼠标移到能点的东西上,变成小手。

鼠标指针会根据所在区域改变形状,提前提示这里可以点击、输入、拖动或暂不可用当鼠标移到网页元素上,浏览器会根据 CSS cursor 显示对应的指针。可点击区域常见 pointer,可输入文字的区域显示 text,可拖动对象显示 grab,暂不可用的操作可显示 not-allowed。指针只是辅助提示,按钮、链接、输入框和禁用状态本身仍要让人看得懂;触屏设备通常看不到这些变化。输入框里闪烁的竖线是文本光标 Caret,不是鼠标指针。
也常被叫作光标
移动鼠标,直接感受指针变化 这些变化只会出现在鼠标或触控板设备上 不同系统的具体形状可能略有差异
CSS cursor
普通内容

这是一段用于阅读的说明文字。

default
可点击 pointer
可拖动 grab / grabbing
暂不可用 not-allowed
鼠标指针 Cursor 和文本光标 Caret
鼠标指针跟随鼠标移动,提示当前区域能做什么。
输入位置 文本光标 Caret点击输入框后出现,标记文字将从哪里输入。
可以这样让 AI 检查

帮我检查这个页面的鼠标指针是否和操作一致。按钮和链接、输入框、可拖动卡片、禁用操作分别看一下;不要做自定义图片指针。改完后用鼠标逐个悬停,告诉我调整了哪些地方。

典型使用场景
拖动前后,指针跟着操作状态变化
悬停 按住
不可用的操作还要说明原因
发布项目完成域名配置后才可以发布
延伸阅读 · 权威出处