属性值 | 示意图 | 描述 |
auto |
|
默认值,由浏览器根据当前上下文确定要显示的光标样式 |
default |
![默认光标](https://c.biancheng.net/uploads/allimg/210806/150S0N27-0.gif) |
默认光标,不考虑上下文,通常是一个箭头 |
none |
|
不显示光标 |
initial |
|
将此属性设置为其默认值 |
inherit |
|
从父元素基础 cursor 属性的值 |
context-menu |
![上下文菜单光标](https://c.biancheng.net/uploads/allimg/210806/150S052A-1.gif) |
表示上下文菜单可用 |
help |
![帮助光标](https://c.biancheng.net/uploads/allimg/210806/150S05W2-2.gif) |
表示有帮助 |
pointer |
![指针光标](https://c.biancheng.net/uploads/allimg/210806/150S045S-3.gif) |
表示一个链接 |
progress |
![进度游标](https://c.biancheng.net/uploads/allimg/210806/150S04130-4.gif) |
进度指示器,表示程序正在执行一些处理,但是您仍然可以在该界面进行一些操作(与 wait 不同) |
wait |
![等待光标](https://c.biancheng.net/uploads/allimg/210806/150S01548-5.gif) |
表示程序繁忙,您应该等待程序指向完成 |
cell |
![单元游标](https://c.biancheng.net/uploads/allimg/210806/150S050C-6.gif) |
表示可以选择一个单元格(或一组单元格) |
crosshair |
![十字准线光标](https://c.biancheng.net/uploads/allimg/210806/150S03P6-7.gif) |
一个简单的十字准线 |
text |
![文字游标](https://c.biancheng.net/uploads/allimg/210806/150S0O53-8.gif) |
表示可以选择的文本 |
vertical-text |
![垂直文本光标](https://c.biancheng.net/uploads/allimg/210806/150S03J2-9.gif) |
表示可以选择的垂直文本 |
alias |
![别名光标](https://c.biancheng.net/uploads/allimg/210806/150S031L-10.gif) |
表示要创建别名或快捷方式 |
copy |
![复制光标](https://c.biancheng.net/uploads/allimg/210806/150S032P-11.gif) |
表示可以复制某些内容 |
move |
![移动光标](https://c.biancheng.net/uploads/allimg/210806/150S06019-12.gif) |
表示可以移动鼠标下方的对象 |
no-drop |
![无丢游标](https://c.biancheng.net/uploads/allimg/210806/150S04022-13.gif) |
表示所拖动的项目不能放置在当前位置 |
not-allowed |
![不允许的游标](https://c.biancheng.net/uploads/allimg/210806/150S01915-14.gif) |
表示无法完成某事 |
all-scroll |
![全滚动光标](https://c.biancheng.net/uploads/allimg/210806/150S03556-15.gif) |
表示对象可以沿任何方向滚动(平移) |
col-resize |
![彩色游标](https://c.biancheng.net/uploads/allimg/210806/150S02507-16.gif) |
表示可以水平调整列的大小 |
row-resize |
![行大小调整游标](https://c.biancheng.net/uploads/allimg/210806/150S03460-17.gif) |
表示可以垂直调整行的大小 |
n-resize |
![N尺寸游标](https://c.biancheng.net/uploads/allimg/210806/150S0B57-18.gif) |
表示对象的边缘可以向上(向北)移动 |
e-resize |
![电子调整游标](https://c.biancheng.net/uploads/allimg/210806/150S05555-19.gif) |
表示对象的边缘可以向右(向东)移动 |
s-resize |
![S调整游标](https://c.biancheng.net/uploads/allimg/210806/150S023U-20.gif) |
表示对象的边缘可以向下(向南)移动 |
w-resize |
![W尺寸游标](https://c.biancheng.net/uploads/allimg/210806/150S05b3-21.gif) |
表示对象的边缘可以向左(向西)移动 |
ne-resize |
![NE调整大小的游标](https://c.biancheng.net/uploads/allimg/210806/150S064O-22.gif) |
表示对象的边缘可以向上和向右(北/东)移动 |
nw-resize |
![NW调整游标](https://c.biancheng.net/uploads/allimg/210806/150S01250-23.gif) |
表示对象的边缘可以向上和向左(北/西)移动 |
se-resize |
![SE调整游标](https://c.biancheng.net/uploads/allimg/210806/150S01212-24.gif) |
表示对象的边缘可以向下和向右(向南/向东)移动 |
sw-resize |
![SW调整游标](https://c.biancheng.net/uploads/allimg/210806/150S04439-25.gif) |
表示对象的边缘可以向下和向左(南/西)移动 |
ew-resize |
![EW调整游标](https://c.biancheng.net/uploads/allimg/210806/150S033E-26.gif) |
表示可以双向调整对象大小的光标 |
ns-resize |
![NS调整大小的游标](https://c.biancheng.net/uploads/allimg/210806/150S05346-27.gif) |
nesw-resize |
![NESW调整大小的游标](https://c.biancheng.net/uploads/allimg/210806/150S044L-28.gif) |
nwse-resize |
![NWSE调整大小的游标](https://c.biancheng.net/uploads/allimg/210806/150S033B-29.gif) |
zoom-in |
![放大光标](https://c.biancheng.net/uploads/allimg/210806/150S05K0-30.gif) |
表示可以放大某些内容 |
zoom-out |
![缩小光标](https://c.biancheng.net/uploads/allimg/210806/150S05118-31.gif) |
表示可以缩小某些内容 |
grab |
![抓取光标](https://c.biancheng.net/uploads/allimg/210806/150S03b0-32.gif) |
表示可以抓取(拖动)某些东西 |
grabbing |
![抓取光标](https://c.biancheng.net/uploads/allimg/210806/150S05K4-33.gif) |
表示已经抓取到某些东西 |
url("") |
|
自定义光标的样式,括号中的内容为光标图像的源文件路径 |