博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

滚动条样式

Posted on 2023-06-09 15:57  学以致用的人  阅读(17)  评论(0)    收藏  举报

::-webkit-scrollbar {
width: 6px;
background-color: rgba(255, 255, 255, 0.5);
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
background-color: rgba(255, 255, 255, 0.5);
}
::-webkit-scrollbar-thumb {
background-color:rgba(0, 0, 0, 0.5);
}

参考https://www.xuanfengge.com/demo/201311/scroll/css3-scroll.html