在要添加滚动条的标签样式中添加,注意lang="less“
1 ::-webkit-scrollbar{ 2 width:12px; 3 background-color:#f1f1f1; 4 } 5 /*定义滑块 内阴影+圆角*/ 6 ::-webkit-scrollbar-thumb{ 7 background-color:#cac8c8; 8 border: 2px solid #f1f1f1; 9 &:hover{ 10 background-color: #797979; 11 } 12 } 13 ::-webkit-scrollbar-button:decrement {//上按钮 14 width: 0px; 15 height: 6.5px; 16 border: 6.5px solid transparent; 17 border-bottom-color: #cac8c8; 18 &:hover{ 19 border-bottom-color: #797979; 20 } 21 } 22 ::-webkit-scrollbar-button:increment {//下按钮 23 height: 6.5px; 24 border: 6.5px solid transparent; 25 border-top-color: #cac8c8; 26 &:hover{ 27 border-top-color: #797979; 28 } 29 }
效果:
分类:
样式CSS VUE2
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」