likes
comments
collection
share

如何修改滚动条样式

作者站长头像
站长
· 阅读数 260

遇到传统滚动条样式不合系统的主题怎么办,小伙伴们,不用慌,我们可以通过css修改滚动条的样式,达到想要的效果。

在全局中或者当前页面中添加即可

/**滚动条的宽度*/
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/*滚动条的滑块*/
::-webkit-scrollbar-thumb {
    background-color: rgb(185, 221, 255);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(24,144,255,.8);
}

使用前:如何修改滚动条样式使用后:如何修改滚动条样式