(机翻)搬运自:cursor - CSS: Cascading Style Sheets | MDN (mozilla.org)
类型 | Keyword | 演示 | 注释 |
---|---|---|---|
全局 | auto | UA将基于当前上下文来确定要显示的光标。例如,相当于悬停文本时的文本。 | |
default | | 依赖于平台的默认光标。通常是箭头。 | |
none | 不会渲染光标。 | ||
链接&状态 | context-menu | | 上下文菜单可用。 |
help | | 帮助信息可用。 | |
pointer | | 光标是一个指示链接的指针。通常是指针的图像。 | |
progress | | 程序在后台很忙,但用户仍然可以与界面交互(与等待相反)。 | |
wait | | 程序很忙,用户无法与界面交互(与进度相反)。有时是沙漏或手表的图像。 | |
选择 | cell | | 可以选择表格单元格或单元格集。 |
crosshair | | 十字光标,通常用于指示位图中的选择。 | |
text | | 可以选择文本。通常为工字梁的形状。 | |
vertical-text | | 可以选择垂直文本。通常为横向工字钢的形状。 | |
拖放 | alias | | 要创建别名或快捷方式。 |
copy | | 有些东西需要复制。 | |
move | | 有些东西需要移动。 | |
no-drop | | 项目可能无法放置在当前位置。 [火狐漏洞275173](https://bugzil.la/275173):在Windows和macOS上,不允许拖放。 | |
not-allowed | | 请求的操作将不会执行。 | |
grab | | 请求的动作可以抓住(拖动以移动)某物。将无法执行。 | |
grabbing | | 有东西被抓住(拖着移动)。 | |
调整大小 & 滚动 | all-scroll | | 有些东西可以向任何方向滚动(平移)。 [火狐漏洞275174](https://bugzil.la/275174):在Windows上,所有滚动都与移动相同。 |
col-resize | | 项目/列可以水平调整大小。通常渲染为指向左右的箭头,并用垂直条将它们分隔开。 | |
row-resize | | 项目/行可以垂直调整大小。通常渲染为上下箭头,并用水平条分隔它们。 | |
n-resize | | 有些边缘要移动。例如,当移动从长方体的东南角开始时,将使用se调整大小光标。 在某些环境中,会显示等效的双向调整大小光标。例如,n-resize和s-resize与ns resize相同。 | |
e-resize | | ||
s-resize | | ||
w-resize | | ||
ne-resize | | ||
nw-resize | | ||
se-resize | | ||
sw-resize | | ||
ew-resize | | 双向调整光标大小。 | |
ns-resize | | ||
nesw-resize | | ||
nwse-resize | | ||
缩放 | zoom-in | | 有些东西可以放大或缩小。 |
zoom-out | |