CSS光标样式

  • 默认光标default,通常是一个箭头,是客户端平台的默认光标样式。
  • 自动光标auto,浏览器根据当前情况自动确定鼠标光标类型。
  • 手形光标hand 或 pointer,竖起一只手指的手形光标,通常用于指示超链接或可点击元素。
  • 十字线光标crosshair,简单的十字线光标,用于标示选择或测量区域。
  • 文本编辑光标text,用于标示可编辑的水平文本的光标,通常是大写字母I的形状。
  • 移动光标move,十字箭头光标,用于标示对象可被移动。
  • 帮助信息光标help,带有问号标记的箭头,用于标示有帮助信息存在。
  • 禁止光标not-allowed,禁止标记(一个被斜线贯穿的圆圈)光标,用于标示请求的操作不允许被执行。
  • 等待/忙碌光标wait,用于标示程序忙用户需要等待的光标,通常是沙漏或手表的形状。
  • 自定义光标:可以通过url()函数使用绝对或相对URL地址指定自定义光标文件(后缀为.cur或.ani)
     
  • default:默认光标,通常是一个箭头。12
  • none:没有光标。
  • auto:浏览器根据当前情况自动确定鼠标光标类型。
  • crosshair:十字线光标。12
  • pointer 或 `hand`:手形光标,通常用于链接上。12
  • wait:表示程序忙,用户需要等待的光标,通常是沙漏或手表的形状。
  • help:带有问号标记的箭头,用于标示有帮助信息存在。
  • progress:带有沙漏标记的箭头光标,用于标示一个进程正在后台运行。
  • move:十字箭头光标,用于标示对象可被移动。
  • e-resizen-resizene-resizenw-resizes-resizese-resizesw-resizew-resize:用于标示对象可被改变尺寸方向的箭头光标。
  • text:用于标示可编辑的水平文本的光标,通常是大写字母I的形状。
  • vertical-text:用于标示可编辑的垂直文本的光标,通常是大写字母I旋转90度的形状。
  • no-drop:带有一个被斜线贯穿的圆圈的手形光标,用于标示被拖起的对象不允许在光标的当前位置被放下。
  • not-allowed:禁止标记(一个被斜线贯穿的圆圈)光标,用于标示请求的操作不允许被执行。
  • url(url):用户自定义光标,使用绝对或相对url地址指定光标文件(扩展名为.cur或者.ani)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

夜雨疯行

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值