css自定义滚动条样式

代码

css自定义滚动条样式，webkit内核浏览器。

/* 滚动条样式 */
::-webkit-scrollbar {
    /* 滚动条的宽度 */
    width: 10px;
    margin-right: 7px;
}
::-webkit-scrollbar-track {
    /* 滚动条的滑轨背景颜色 */
    background-color: #fff;
}
::-webkit-scrollbar-thumb {
    /* 滑块颜色 */
    background-color: #d6d6d6;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    /* 鼠标移到滑块上面的变色 */
    background-color: #666;
}
::-webkit-scrollbar-button {
    /* 滑轨两头的监听按钮颜色 */
    background-color: #fff;
}
::-webkit-scrollbar-corner {
    /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
    background-color: #fff;
}

例子

可以点击此处查看：例子