-webkit-浏览器

-webkit-浏览器(Chrome)可以使用自定义滚动条伪类选择器::-webkit-scrollbar(不兼容IE)

::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

div::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

也可以使用其他伪类选择器对部分样式进行修改

div::-webkit-scrollbar-track { 
    background-color: #ffe5e5; 
} /* 滚动条的滑轨背景颜色 */ 

div::-webkit-scrollbar-thumb { 
    background-color: rgba(0, 0, 0, 0.2); 
} /* 滑块颜色 */ 

div::-webkit-scrollbar-button { 
    background-color: #7c2929; 
} /* 滑轨两头的监听按钮颜色 */ 

div::-webkit-scrollbar-corner { 
    background-color: black; 
} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */