Cursor

Cursor是网页制作CSS中的光标类型，与图标文件Icon一样，是特殊类型的小位图。

实例

#disabled{cursor:auto;
}

其他取值说明

属性	备注
auto	默认值。浏览器根据当前情况自动确定鼠标光标类型。
all-scroll	有上下左右四个箭头，中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。
col-resize	有左右两个箭头，中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。
crosshair	简单的十字线光标。
default	客户端平台的默认光标。通常是一个箭头。
hand	竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
move	十字箭头光标。用于标示对象可被移动。
help	带有问号标记的箭头。用于标示有帮助信息存在。
no-drop	带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下。
not-allowed	禁止标记（一个被斜线贯穿的圆圈）光标。用于标示请求的操作不允许被执行。
pointer	和hand一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
progress	带有沙漏标记的箭头光标。用于标示一个进程正在后台运行。
row-resize	有上下两个箭头，中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。
text	用于标示可编辑的水平文本的光标。通常是大写字母I的形状。
vertical-text	用于标示可编辑的垂直文本的光标。通常是大写字母I旋转90度的形状。
wait	用于标示程序忙用户需要等待的光标。通常是沙漏或手表的形状。
*-resize	用于标示对象可被改变尺寸方向的箭头光标。w-resize\|s-resize\|n-resize\|e-resize\|ne-resize\|sw-resize\|se-resize\|nw-resize
url (url)	用户自定义光标。使用绝对或相对url地址指定光标文件(后缀为.cur或者.ani)。

CSS控制鼠标光标样式相关推荐

css设置鼠标的样式
CSS 中的cursor属性控制鼠标光标位于设置此属性的元素上时的外观.它们主要用于用户体验,以传达某些功能的想法除了上述提供的默认样式外,也可以使用定制化图标(使用自定义图标时,一定要在后面跟上一 ...
CSS控制鼠标的箭头
CSS控制鼠标的箭头 CSS控制鼠标通过cursor属性来实现,该属性可以在任何标记中使用,因此,可以改变各种页面元素的鼠标效果. 浏览器默认的超连接的鼠标样式,显示为手的形状. body{curso ...
css 默认显示滚动条,css控制默认滚动条样式
针对webkit内核的浏览器,使用伪类来改变滚动条的默认样式,详情如下: 滚动条组成部分 1. ::-webkit-scrollbar 滚动条整体部分 2. ::-webkit-scrollbar-t ...
CSS自定义鼠标指针样式
原文链接: http://davidwalsh.name/css-custom-cursor Demo地址: http://davidwalsh.name/demo/css-custom-cursor ...
Ubuntu下使用Tobii Eye Tracker 4C眼动仪控制鼠标光标
之前成功在 Ubuntu 下使用了 4C 眼动仪,但是不知道什么原因目前无法使用 TobiiProEyeTrackerManager 软件来进行眼动仪的标定,也就无法使用它的 gaze visuali ...
UE4/UE5 虚幻引擎，设置Mouse Cursor鼠标光标样式
UE虚幻引擎,设置Mouse Cursor鼠标光标样式的两种方法: 第一种.使用Player Controller中内部提供的鼠标样式. 第二种.在Project Settings项目设置的Softw ...
css如何调整红心样式_怎么在css中改变光标样式
在css中cursor属性是用来定义了鼠标指针放在一个元素边界范围内时所用的光标形状:我们可以通cursor属性来设置鼠标光标(指针)样式. cursor属性的语法: cursor:auto|cros ...
c++用键盘按键控制光标移动_如何在Windows10中用键盘控制鼠标光标
如果你的鼠标突然坏掉了,此时找不到替代鼠标,或者你使用的鼠标是电池供电的,此时电量耗尽,那么你可以将键盘配置为鼠标暂时缓解燃眉之急. 设置步骤键盘鼠标控制功能内置于Windows10中.首先进入设置 ...
mfc键盘控制移动鼠标光标_如何在Windows中使用键盘控制鼠标光标
mfc键盘控制移动鼠标光标 If you're stuck without a mouse temporarily, don't worry-you can still use your PC. Yo ...

CSS控制鼠标光标样式

Cursor

实例

其他取值说明

CSS控制鼠标光标样式相关推荐

最新文章

热门文章