css 实现鼠标光标悬停的样式

最新推荐文章于 2025-05-17 12:59:03 发布

前端高级摸鱼工程师

最新推荐文章于 2025-05-17 12:59:03 发布

阅读量1.7k

点赞数 2

CC 4.0 BY-SA版权

文章标签： css html javascript

本文链接：https://blog.csdn.net/m0_57576477/article/details/126396075

本文详细介绍了CSS中如何设置不同类型的光标样式，包括pointer、default、auto、text、help、crosshair、move、all-scroll、vertical-text、no-drop等，帮助开发者实现更丰富的用户体验。

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

直接上css，直接设置cursor属性就可

      span{
        cursor: pointer; /*手型*/
        cursor: default; /*标准箭头*/
        cursor: auto; /*标准光标*/
        cursor: text; /*I型光标*/
        cursor: help; /*帮助光标*/
        cursor: crosshair; /*十字标*/
        cursor: move; /*移动标*/
        cursor: all-scroll; /*三角形方向标*/
        cursor: vertical-text; /*水平I型光标*/
        cursor: no-drop; /*不可拖动光标*/
      }