CSS 鼠标形状

Posted ningmeng111

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 鼠标形状的主要内容,如果未能解决你的问题,请参考以下文章

css样式鼠标放上去变成手的形状

前端前端CSS整理html中鼠标移动在标签上出现小手形状

CSS---cursor 鼠标指针光标样式(形状)

鼠标移动到一图片上鼠标形状变成放大镜形状

在Delphi中怎样抓取鼠标形状

怎么让鼠标变成"手"的形状