(机翻)搬运自: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 |
|