滚动条的默认样式是比较丑的,一般我们会重新设置下。
具体设置如下
// 滚动条样式
::-webkit-scrollbar {
width: 5px; //这是竖向滚动条的宽度。如果是横向滚动条则设置height
}
::-webkit-scrollbar-thumb {
border-radius: 2.5px;
// 设置滚动条滑块样式
background: #d25565 !important;
}
::-webkit-scrollbar-track {
// 设置滚动轨道的样式
background: #2e94b9 !important;
border-radius: 2.5px;
}