修改滚动条样式
div{
//宽高定死
width: 300px;
height: 300px;
overflow: auto;//内容超出会显示滚动条
}
div::-webkit-scrollbar{
//滚动条整体的样式
width: 2px;
height: 10px;
}
div::-webkit-scrollbar-track{
//外层轨道样式
background: #3330;
border-radius: 2px;
}
div::-webkit-scrollbar-thumb{
//设置滚动的滑块样式
background: #176398;
border-radius: 10px;
}
div::-webkit-scrollbar-thumb:hover{
//移入时的样式
background: #176398;
}