前端常见的鼠标样式

统一的语法格式示例:

cursor: pointer;
cursor: auto;

1.auto:默认光标形状,通常为箭头状。

 2.copy:指示可复制

 3.help:指示帮助

 4.pointer:悬浮于连接上时,通常为手

5.progress:程序后台繁忙,用户仍可交互 (与wait 相反).

6.wait:程序繁忙,用户不可交互 (与progress 相反).图标一般为沙漏或者表。 

7.cell:指示单元格可被选中 

 8.crosshair:交叉指针,通常指示位图中的框选

 9.text:指示文字可被选中

10.vertical-text:指示垂直文字可被选中 

11.alias:复制或快捷方式将要被创建

12.move被悬浮的物体可被移动 

13.no-drop,not-allowed 当前位置不能操作 Windows 或 Mac OS X 中 "no-drop 与 not-allowed 相同".

 14.grab可抓取

15.grabbing抓取中

 

 16.col-resize元素可被重设宽度。通常被渲染为中间有一条竖线分割的左右两个箭头

 17.row-resize元素可被重设高度。通常被渲染为中间有一条横线分割的上下两个箭头

 18.zoom-in,zoom-out:指示可被放大或缩小

猜你喜欢

转载自blog.csdn.net/m0_64642443/article/details/131373410