css3 隐藏div的滚动条、修改样式

以下样式全是全局样式

隐藏滚动条

::-webkit-scrollbar {
    display: none;
}

修改样式

1、外轨的样式

::-webkit-scrollbar {
    width: 20px;
    height: 2px;
    background: green;
    border-radius: 5px;
} 

2、内轨的样式

::-webkit-scrollbar-thumb {
    display: block;
    width: 6px;
    margin: 0 auto;
    border-radius: 10px;
    background: red;
}