美化滚动条CSS

::-webkit-scrollbar {

    width: 8px;

    padding-right: 4px;

    background-color:#f8f8f8 ;

    /*其他样式，比如圆角等*/

}

/*滑块样式*/

::-webkit-scrollbar-thumb {

    -webkit-border-radius: 4px;

    border-radius: 4px;

    background-color: #c6c6c6;

}

/*当前窗口失去焦点时的滑块样式*/

::-webkit-scrollbar-thumb:window-inactive {

    background-color: #f8f8f8;

}