CSS鼠标指针表

(机翻)搬运自:cursor - CSS: Cascading Style Sheets | MDN (mozilla.org)

类型 Keyword 演示 注释
全局 auto UA将基于当前上下文来确定要显示的光标。例如,相当于悬停文本时的文本。
default

wide arrow pointing up and to the left

依赖于平台的默认光标。通常是箭头。
none 不会渲染光标。
链接&状态 context-menu

wide arrow pointing up and to the left slightly obscuring a menu icon

上下文菜单可用。
help

wide arrow pointing up and to the left next to a question mark

帮助信息可用。
pointer

right hand with an index finger pointing up

光标是一个指示链接的指针。通常是指针的图像。
progress

wide arrow and hour glass

程序在后台很忙,但用户仍然可以与界面交互(与等待相反)。
wait

hour glass

程序很忙,用户无法与界面交互(与进度相反)。有时是沙漏或手表的图像。
选择 cell

wide plus symbol

可以选择表格单元格或单元格集。
crosshair

plus symbol composed of two thing lines.

十字光标,通常用于指示位图中的选择。
text

vertical i-beam


可以选择文本。通常为工字梁的形状。
vertical-text

horizontal i-beam

可以选择垂直文本。通常为横向工字钢的形状。
拖放 alias

wide arrow pointing up and to the left partially obscuring a smaller folder icon with a curved arrow pointing up and to the right

要创建别名或快捷方式。
copy

wide arrow pointing up and to the left partially obscuring a smaller folder icon with a plus sign

有些东西需要复制。
move

plus sign made of two thin lines. The four points are small arrows facing out

有些东西需要移动。
no-drop

pointer icon and a not allowed icon

项目可能无法放置在当前位置。

[火狐漏洞275173](https://bugzil.la/275173):在Windows和macOS上,不允许拖放。

not-allowed

Not allowed icon, which is a circle with a line through it

请求的操作将不会执行。
grab

fully opened hand icon

请求的动作可以抓住(拖动以移动)某物。将无法执行。
grabbing

closed hand icon, of the back of the hand

有东西被抓住(拖着移动)。
调整大小 & 滚动 all-scroll

icon of a medium size dot with four triangles around it.

有些东西可以向任何方向滚动(平移)。

[火狐漏洞275174](https://bugzil.la/275174):在Windows上,所有滚动都与移动相同。

col-resize

col-resize.gif

项目/列可以水平调整大小。通常渲染为指向左右的箭头,并用垂直条将它们分隔开。
row-resize

two narrow parallel horizontal lines with a small arrow pointing up and another pointing down


项目/行可以垂直调整大小。通常渲染为上下箭头,并用水平条分隔它们。
n-resize

thin long arrow pointing towards the top

有些边缘要移动。例如,当移动从长方体的东南角开始时,将使用se调整大小光标。

在某些环境中,会显示等效的双向调整大小光标。例如,n-resize和s-resize与ns resize相同。

e-resize

thin long arrow pointing towards the right

s-resize

thin long arrow pointing down

w-resize

thin long arrow pointing towards the left

ne-resize

thin long arrow pointing top-right

nw-resize

thin long arrow pointing top-left

se-resize

thin long arrow pointing bottom-right

sw-resize

thin long arrow pointing bottom-left

ew-resize

thin long arrow pointing left and right

双向调整光标大小。

ns-resize

thin long arrow pointing up and down

nesw-resize

thin long arrow pointing both to the top-right and bottom-left

nwse-resize

thin long arrow pointing both to the top-left and bottom-right

缩放 zoom-in

magnifying glass with a plus sign

有些东西可以放大或缩小。
zoom-out

magnifying glass with a minus sign

你可能感兴趣的:(【HTML5】CSS,JS,VUE,LAYUI,前端处理,css,前端,cursor,光标)