首页 > 代码库 > CSS 鼠标形状

CSS 鼠标形状

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技术问题。

 

CSS 鼠标形状