自定义页面滚动条样式

最新推荐文章于 2025-02-27 15:42:53 发布

原创最新推荐文章于 2025-02-27 15:42:53 发布 · 417 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#css3 #css #html

收录于

CSS 专栏收录该内容

2 篇文章

订阅专栏

//如果是给指定div添加，只需在::前添加上div的class类名就可以了
::-webkit-scrollbar {
    width: 0.15rem;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset006pxrgba(9, 21, 45,1);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(9, 21, 45, 1);
    -webkit-box-shadow: inset006pxrgba(9, 21, 45,1);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #09152d;
}