css自定义浏览器滚动条的颜色和样式

自定义浏览器滚动条的样式：

 /* 浏览器滚动条整体的宽度 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
/* 滚动条里面的轨道 */
::-webkit-scrollbar-track {
    background-color: transparent;
}
/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #ddd;
}

修改后浏览器滚动条的效果图：