修改CSS滚动条样式
2022-04-12 16:40:49
css设置滚动条宽度的方法：1、使用“::-webkit-scrollbar”伪类选择器选中整个滚动条；2、通过width属性设置滚动条整体部分的宽度，语法格式为“::-webkit-scrollbar{width:宽度值;}”
```
/*定义滚动条样式（高宽及背景）*/
.menu-scroll::-webkit-scrollbar {
width: 6px; /* 滚动条宽度， width：对应竖滚动条的宽度 height：对应横滚动条的高度*/
background: #001529;
}
/*定义滚动条轨道（凹槽）样式*/
.menu-scroll::-webkit-scrollbar-track {
border-radius: 3px;
}
/*定义滑块 样式*/
.menu-scroll::-webkit-scrollbar-thumb {
border-radius: 3px;
background: hsla(0, 0%, 100%, .2);
}
```