滚动条样式设置

/* 整个滚动条 */

::-webkit-scrollbar {

    width: 2px;

}

/* 滚动条上的按钮 (上下箭头) */

::-webkit-scrollbar-button {

    display: none;

}

/* 滚动条上的滚动滑块 */

::-webkit-scrollbar-thumb {

    background-color: red;

}

/* 滚动条轨道 */

::-webkit-scrollbar-track {

}

/* 滚动条没有滑块的轨道部分 */

::-webkit-scrollbar-track-piece {

}

/* 当同时有垂直滚动条和水平滚动条时交汇的部分 */

::-webkit-scrollbar-corner {

}

/* 某些元素的corner部分的部分样式(例:textarea的可拖动按钮) */

::-webkit-resizer {

}