css美化滚动条

/*定义滚动条高宽及背景

高宽分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {

width: 8px;

height: 8px;

background-color: rgba(0,0,0,.2);

}

/*定义滚动条轨道

内阴影+圆角*/

::-webkit-scrollbar-track

{

-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);

border-radius:10px;

background-color:#F5F5F5;

}

/*定义滑块

内阴影+圆角*/

::-webkit-scrollbar-thumb

{

border-radius:10px;

-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);

background-color: #b3b3b3;

}


版权声明:本文为CSDN博主「我是罗易呀!」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/Qcg0223/article/details/128405415

相关推荐
原则猫15 分钟前
函数/变量提升
前端
独泪了无痕1 小时前
Vue3 Hooks使用实战解析
前端·vue.js
shawxlee2 小时前
vue3在public下封装config.js自定义配置动态数据,可在打包后直接修改,方便后端部署及后续维护
前端·javascript·经验分享·vue·团队开发·js·项目优化
用户059540174463 小时前
把记忆存储的回归测试从手工换成 Playwright + GitHub Actions,线上缺陷降低 80%
前端·css
触底反弹3 小时前
🚀 从 DOM0 级到 React 合成事件:前端事件监听的 20 年演进史
前端·react.js·面试
kyriewen3 小时前
我给前端项目的接口请求套了6层保护——才发现以前一直在裸奔
前端·javascript·面试
颜酱3 小时前
04 | 召回前置准备:搭好召回所需的四个数据库
前端·人工智能·后端
郝亚军5 小时前
如何安装webstorm、Node.js和vue CLI
前端·javascript·vue.js
IT_陈寒5 小时前
React的useEffect依赖项把我坑惨了
前端·人工智能·后端
东方小月5 小时前
从零开发一个Coding Agent:monorepo项目搭建
前端·后端·node.js