CSS3 修改滚动条样式

上图:

CSS3 修改滚动条样式_第1张图片

上代码:

/* 修改垂直滚动条 */
.right-list::-webkit-scrollbar {
    width: 2px; /* 修改宽度 */
    height: 5px; /* 修改高度 */
}
/* 修改滚动条轨道背景色 */
.right-list::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}
/* 修改滚动条滑块颜色 */
.right-list::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 6px; /* 修改滑块圆角 */
}
/* 修改滚动条滑块悬停时的颜色 */
.right-list::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

你可能感兴趣的:(css3,前端)