类型 |
CSS值 |
|
描述 |
General |
auto |
|
浏览器根据当前内容决定指针样式
例如当是内容是文字时使用text样式
|
default |
![default.gif](https://developer.mozilla.org/@api/deki/files/3438/=default.gif) |
默认指针,通常是箭头。 |
none |
|
无指针被渲染 |
链接及状态 |
context-menu |
![context-menu.png](https://developer.mozilla.org/@api/deki/files/3461/=context-menu.png) |
指针下有可用内容目录。只有windows中的IE 10有效。 |
help |
![help.gif](https://developer.mozilla.org/@api/deki/files/3442/=help.gif) |
指示帮助 |
pointer |
![pointer.gif](https://developer.mozilla.org/@api/deki/files/3449/=pointer.gif) |
悬浮于连接上时,通常为手 |
progress |
![progress.gif](https://developer.mozilla.org/@api/deki/files/3450/=progress.gif) |
程序后台繁忙,用户仍可交互 (与wait不同 ). |
wait |
![wait.gif](https://developer.mozilla.org/@api/deki/files/3457/=wait.gif) |
程序繁忙(沙漏或表) |
选择 |
cell |
![cell.gif](https://developer.mozilla.org/@api/deki/files/3434/=cell.gif) |
指示单元格可被选中 |
crosshair |
![crosshair.gif](https://developer.mozilla.org/@api/deki/files/3437/=crosshair.gif) |
交叉指针,通常指示位图中的框选 |
text |
![text.gif](https://developer.mozilla.org/files/3809/text.gif) |
指示文字可被选中 |
vertical-text |
![vertical-text.gif](https://developer.mozilla.org/@api/deki/files/3456/=vertical-text.gif) |
指示垂直文字可被选中 |
拖拽 |
alias |
![alias.gif](http://pubimage.360doc.com/wz/default.gif) |
复制或快捷方式将要被创建 |
copy |
![copy.gif](http://pubimage.360doc.com/wz/default.gif) |
指示可复制 |
move |
![move.gif](http://pubimage.360doc.com/wz/default.gif) |
被悬浮的物体可被移动 |
no-drop |
当前位置不能扔下
bug 275173Windows中 "no-drop 与not-allowed相同". |
not-allowed |
![not-allowed.gif](http://pubimage.360doc.com/wz/default.gif) |
不能执行 |
重设大小及滚动 |
all-scroll |
![all-scroll.gif](http://pubimage.360doc.com/wz/default.gif) |
元素可任意方向滚动 (平移).
bug 275174Windows中, "all-scroll 与 move相同". |
col-resize |
![col-resize.gif](http://pubimage.360doc.com/wz/default.gif) |
元素可被重设宽度。通常被渲染为中间有一条竖线分割的左右两个箭头 |
row-resize |
![row-resize.gif](http://pubimage.360doc.com/wz/default.gif) |
元素可被重设高度。通常被渲染为中间有一条横线分割的上下两个箭头
|
n-resize |
![Example of a resize towards the top cursor](http://pubimage.360doc.com/wz/default.gif) |
某条边将被移动。例如元素盒的东南角被移动时使用se-resize |
e-resize |
![Example of a resize towards the right cursor](http://pubimage.360doc.com/wz/default.gif) |
s-resize |
![Example of a resize towards the bottom cursor](http://pubimage.360doc.com/wz/default.gif) |
w-resize |
![Example of a resize towards the left cursor](http://pubimage.360doc.com/wz/default.gif) |
ne-resize |
![Example of a resize towards the top-right corner cursor](http://pubimage.360doc.com/wz/default.gif) |
nw-resize |
![Example of a resize towards the top-left corner cursor](http://pubimage.360doc.com/wz/default.gif) |
se-resize |
![Example of a resize towards the bottom-right corner cursor](http://pubimage.360doc.com/wz/default.gif) |
sw-resize |
![Example of a resize towards the bottom-left corner cursor](http://pubimage.360doc.com/wz/default.gif) |
ew-resize |
![3-resize.gif](http://pubimage.360doc.com/wz/default.gif) |
指示双向重新设置大小 |
ns-resize |
![6-resize.gif](http://pubimage.360doc.com/wz/default.gif) |
nesw-resize |
![1-resize.gif](http://pubimage.360doc.com/wz/default.gif) |
nwse-resize |
![4-resize.gif](http://pubimage.360doc.com/wz/default.gif) |
缩放 |
zoom-in |
![zoom-in.gif](http://pubimage.360doc.com/wz/default.gif) |
指示可被放大或缩小
|
zoom-out |
![zoom-out.gif](http://pubimage.360doc.com/wz/default.gif) |