CSS改变鼠标指针形状的方法

本文详细介绍CSS中cursor属性的使用方法,列举了多种预定义的鼠标指针形状及其应用场景,如点击元素时的手型指针及禁止输入时的红圈杠型指针等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

CSS改变鼠标指针形状的方法:

在项目中会遇到需要点击的图片,字体,按钮等,就需要鼠标的指针形式变成小手型; 

当文本款,文本域是禁止输入的时候,鼠标的指针变成红圈中间一道杠的形式;

首先看一下cursor的属性表:

  1. 默认 default
  2. 文字/编辑 text
  3. 自动 auto
  4. 手形 pointer, hand(hand是IE专有)
  5. 可移动对象 move
  6. 不允许 not-allowed
  7. 无法释放 no-drop
  8. 等待/沙漏 wait
  9. 帮助 help
  10. 十字准星 crosshair
  11. 向上改变大小(North) n-resize
  12. 向下改变大小(South) s_resize 与n-resize效果相同
  13. 向左改变大小(West) w-resize
  14. 向右改变大小(East) e-resize 与w-resize效果相同
  15. 向左上改变大小(NorthWest) nw-resize
  16. 向左下改变大小(SouthWest) sw-resize
  17. 向右上改变大小(NorthEast) ne-resize 与sw-resize效果相同
  18. 向右下改变大小(SouthEast) se-resize 与nw-resize效果相同
  19. 自定义光标 url(‘光标地址’)
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值