css 修改滚动条样式

最新推荐文章于 2025-04-25 11:28:31 发布

原创最新推荐文章于 2025-04-25 11:28:31 发布 · 128 阅读

0 ·

CC 4.0 BY-SA版权

Css 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了如何使用CSS来定制滚动条的样式，包括轨道阴影效果、滚动条尺寸及拇指区域的外观等，为网页提供更加个性化的视觉体验。

body::-webkit-scrollbar-track {box-shadow: inset 0 0 0 rgba(0,0,0,0.3);-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.3); background-color: #fff; border-bottom-right-radius: 5px;}
body::-webkit-scrollbar {width: 4px; height: 4px; background-color: #e7e8e9; border-bottom-right-radius: 4px;}
body::-webkit-scrollbar-thumb {background-color: rgba(180,180,180,0.5); border: 0 solid #fff; border-bottom-right-radius: 4px;}