作者:缘来是你2502855331 | 来源:互联网 | 2023-09-25 14:09
如何修改滚动条样式-遇到传统滚动条样式不合系统的主题怎么办,小伙伴们,不用慌,我们可以通过css修改滚动条的样式,达到想要的效果。在全局中或者当前页面中添加即可**滚动条的宽度*
遇到传统滚动条样式不合系统的主题怎么办,小伙伴们,不用慌,我们可以通过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);
}
使用前:
使用后: