自定义滚动条样式

/*修改滚动条*/
.scroll {
    scrollbar-color: #f0f0f0;
    /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */
    scrollbar-width: thin;
    /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */
    -ms-overflow-style: none;
}

::-webkit-scrollbar {
    width: 5px;//这是竖向滚动条的宽度。如果是横向滚动条则设置height
height: 5px;
}
::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #4BB86E !important;
}
::-webkit-scrollbar-track {
    width: 5px!important;//这是竖向滚动条的宽度。如果是横向滚动条则设置height
background: #f0f0f0;
    border-radius: 3px;
}
/*修改滚动条结束*/