首页 前端知识 VUE页面鼠标显示“小手”状

VUE页面鼠标显示“小手”状

2024-06-14 09:06:17 前端知识 前端哥 104 507 我要收藏

      工作中有个场景:当鼠标移动到某个区域时显示为“小手”状,查阅资料后发现可通过CSS样式支持显示

代码如下:

<span class="el-dropdown-link">
   设置
</span>

<style>
.el-dropdown-link {
  line-height: 30px;
  cursor: pointer;
 }
</style> 

cursor 属性规定要显示的光标的类型(形状)。

该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状

属性值如下:

参考资料:CSS cursor 属性

转载请注明出处或者链接地址:https://www.qianduange.cn//article/12110.html
标签
评论
发布的文章

fastjson升级为fastjson2

2024-06-20 09:06:18

protobuf对象与JSON相互转换

2024-06-20 09:06:14

NVM 及 PNPM 安装

2024-06-20 09:06:01

npm有哪些插件包??

2024-06-20 09:06:01

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!