CSS 属性：cursor
当鼠标指针经过一个框时，其外观。
可能的值
通用
| 值 | 描述 |
|---|---|
auto | 根据情况而变化。默认值。 |
default | 平台的默认光标。通常是一个箭头。 |
none | 没有光标。令人惊讶的是。 |
链接和状态
| 值 | 描述 |
|---|---|
pointer | 指示一个链接。通常是一只指向的手。 |
help | 指示正在悬停的对象有帮助。通常会包含一个问号。 |
progress | 指示程序正在处理某事，但仍可进行交互。通常是箭头后跟一个计时器。 |
wait | 指示用户在程序忙碌时应等待。通常是一个计时器。 |
context-menu | 指示应在悬停的对象上显示上下文菜单。通常是一个带有迷你菜单的箭头。 |
选择
| 值 | 描述 |
|---|---|
text | 指示文本。通常是一个 I 型梁。 |
crosshair | 一个像细十字的十字。 |
cell | 指示类似表格的单元格。一个粗的十字。 |
vertical-text | 用于垂直文本，令人惊讶。通常是一个水平的 I 型梁。 |
调整大小和滚动
| 值 | 描述 |
|---|---|
n-resize | 北：表示可以向上移动或调整大小的对象。通常是一个向上箭头的箭头。 |
ne-resize | 东北：可以向上和向右移动。通常是一个向右上方的对角箭头。 |
e-resize | 东：可以向右移动。通常是一个向右的箭头。 |
se-resize | 东南：可以向下和向右移动。通常是一个向右下方的对角箭头。 |
s-resize | 南：可以向下移动。通常是一个向下的箭头。 |
sw-resize | 西南：可以向下和向左移动。通常是一个向左下方的对角箭头。 |
w-resize | 西：可以向左移动。通常是一个向左的箭头。 |
nw-resize | 西北：可以向上和向左移动。通常是一个向左上方的对角箭头。 |
ew-resize | 东西：两个方向：可以向左或向右移动。通常是一个左右双向箭头。 |
ns-resize | 南北：两个方向：可以向上或向下移动。通常是一个上下双向箭头。 |
nesw-resize | 东北西南：两个方向：可以向上和向右移动，或向下和向左移动。通常是向上右和向下左的双向箭头。 |
nwse-resize | 西北东南：两个方向：可以向上和向左移动，或向下和向右移动。通常是向上左和向下右的双向箭头。 |
col-resize | 项目或列可以向左或向右调整大小。通常是一个带中间条的左右双向箭头。 |
row-resize | 项目或行可以向上或向下调整大小。通常是一个带中间条的上下双向箭头。 |
all-scroll | 可以向任何方向滚动的对象。通常是一个四向箭头，指向上下左右。 |
拖放
| 值 | 描述 |
|---|---|
move | 对象可以被移动。通常是一个四向箭头，指向上下左右。 |
alias | 指示可能创建快捷方式。通常是一个弯曲的箭头。 |
copy | 对象可以被复制。通常是一个带有“+”的箭头。 |
no-drop | 拖动的对象在当前位置无法放置。通常是一个箭头旁边带有一个圆圈和一个穿过的线。 |
not-allowed | 某个动作不能被执行。通常会有一个带穿过的线的圆圈。 |
grab | 可以被拖动以移动的对象。通常是一只张开的手。 |
grabbing | 正在被拖动以移动的对象。通常是一只握紧的手。 |
缩放
| 值 | 描述 |
|---|---|
zoom-in | 指示可以放大的对象。通常是一个带有“+”的放大镜。 |
zoom-out | 指示可以缩小的对象。通常是一个带有“-”的放大镜。 |
等等
| 值 | 描述 | 示例 |
|---|---|---|
| [URL], [值] | 一系列由逗号分隔的图片，用作自定义光标。如果第一个找不到或不兼容，浏览器将继续尝试列表中的下一个。列表应以上述值关键字之一结尾，作为备用。 | url("narwhal.png"), auto |
inherit | ||
initial | ||
unset | ||
示例
abbr { cursor: help; }