CSS 鼠标形状

Posted 2020-08-03 ningmeng111

css样式中鼠标形状的改变是通过cursor属性来决定的，如下所示：

cursor: auto、hand、pointer、crosshair、default、text、vertical-text、wait、move、help、row-resize、col-resize、all-scroll、progress、not-allowed、no-drop.

解释说明
hand：手型,通常用户将光标移到超链接上时那样
pointer：和hand一样,它的兼容性更好。
crosshair：十字型
default： 客户端平台的默认光标,通常是一个箭头
text：移动到文本上的那种效果,通常是大写字母 I 的形状
vertical-text：用于标示可编辑的垂直文本的光标。通常是大写字母 I 旋转90度的形状。
wait：等待的那种效果,通常是沙漏或手表的形状
move：十字箭头光标。用于标示对象可被移动
help：问号,用于标示有帮助信息存在
row-resize：有上下两个箭头，中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸
col-resize：有左右两个箭头，中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸
all-scroll：有上下左右四个箭头，中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动
progress：带有沙漏标记的箭头光标。用于标示一个进程正在后台运行
not-allowed：禁止标记(一个被斜线贯穿的圆圈)光标,用于标示请求的操作不允许被执行
no-drop：带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下

兄弟连IT教育 为你解决更多IT技术问题。