1

遇到传统滚动条样式不合系统的主题怎么办,小伙伴们,不用慌,我们可以通过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);
}

使用前:
image.png
使用后:
image.png


mosquito
7 声望4 粉丝

记录工作中遇到的问题