CSS自定义滚动条样式
代码很简单,只需要设置滚动条的宽度和高度,以及滚动轨道和滚动条的颜色即可。
.类名::-webkit-scrollbar {
/*滚动条整体样式*/
width: 8px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.类名::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #546173;
}
.类名::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background: #0C0E16;
}
希望对大家有所帮助!