CSS更改鼠标为手状样式

前端技术 2023/09/02 CSS

在自行设置的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               ：十字标   

本文地址：https://www.stayed.cn/item/3384

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案