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

相关推荐
一颗宁檬不酸5 小时前
页面布局练习
前端·html·页面布局
金木讲编程6 小时前
Claude、Agent与Copilot协作生成Angular应用
前端·ai编程
振华OPPO7 小时前
Vue:“onMounted“ is defined but never used no-unused-vars
前端·javascript·css·vue.js·前端框架
欧雷殿7 小时前
在富阳银湖成立地域化的软件研发团队
前端·程序员·创业
狂炫冰美式8 小时前
前端实时推送 & WebSocket 面试题(2026版)
前端·http·面试
JefferyXZF8 小时前
新手建站零门槛!Vercel+Cloudflare+Namesilo域名购买部署全流程
前端
yinuo8 小时前
微信浏览器缓存机制大揭秘:为什么你总刷不出新页面?
前端
拉不动的猪8 小时前
try...catch 核心与生态协作全解析
前端·javascript·vue.js
Xeon_CC8 小时前
在react-app-rewired工程项目中,调试AntVG6库源码包。
前端·react.js·前端框架
o***Z4489 小时前
前端无障碍开发检查清单,WCAG合规
前端