用于浏览器的滚动条样式,仅支持那些webkit浏览器,如chrome
/* 滚动条 */
::-webkit-scrollbar-thumb:horizontal { /* 水平滚动条的样式 */
width: 5px;
background-color: #2F343F;
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-track-piece {
background-color: #2F343F; /* 滚动条的背景颜色 */
-webkit-border-radius: 0; /* 滚动条的圆角宽度 */
}
::-webkit-scrollbar {
width: 8px; /* 滚动条的宽度 */
height: 8px; /* 滚动条的高度 */
}
::-webkit-scrollbar-thumb:vertical { /* 垂直滚动条的样式 */
height: 50px;
background-color: #565B62;
-webkit-border-radius: 0;
outline: 2px solid #01201f;
outline-offset: -2px;
}
::-webkit-scrollbar-thumb:hover { /* 滚动条的 hover 样式 */
height: 50px;
background-color: #565B7F;
-webkit-border-radius: 0;
}