• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号
登陆 注册

CSS更改鼠标为手状样式

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

在自行设置的div或者其他标签中，为了更好的体验效果，会将在滑动过程中，将鼠标变为手势

简单总结下css对应的样式。

所在的div中，添加cursor:pointer即可。

示例：

CSS Code复制内容到剪贴板
  1. <div id="doPrint" style="border: solid;width: 64%;margin: 0% 20%;height: 65%;display: block;cursor:pointer;">     
  2.         手势变化区域     
  3. </div>    

对应的属性值还有如下：

CSS Code复制内容到剪贴板
  1. auto                    ：标准光标       
  2. default                 ：标准箭头       
  3. pointer, hand           ：手形光标       
  4. wait                    ：等待光标       
  5. text                    ：I形光标       
  6. vertical-text           ：水平I形光标       
  7. no-drop                 ：不可拖动光标       
  8. not-allowed             ：无效光标       
  9. help                    ：帮助光标       
  10. all-scroll              ：三角方向标       
  11. move                    ：移动标       
  12. crosshair               ：十字标   

鲜花
握手
雷人
路过
鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
More+
上一篇：
有关绝对定位的全面理解发布时间：2022-06-21
下一篇：
浅谈CSS过渡、动画和变换发布时间：2022-06-21
热门推荐
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap