不考虑兼容的时候,可以全局设置成这种样式
修改全局滚动条样式
<style>
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
width: 6px; /*滚动条宽度*/
height: 8px; /*滚动条高度*/
background-color: white;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 0px white;
background-color: rgb(193, 193, 193); /*滚动条的背景颜色*/
border-radius: 30px;
}
</style>