css控制滾動條樣式

/*滾動條整體*/
::-webkit-scrollbar{
    width:14px; /*滾動條寬度*/
}
/*滾動條按鈕*/
::-webkit-scrollbar-button {

}
::-webkit-scrollbar-track{
    background-color:#F3F3F3;  /*滑道全部*/
}
::-webkit-scrollbar-track-piece{
    background-color:#F3F3F3;  /*滑道*/
    -webkit-border-radius:4px; /*滑道圓角寬度*/
}
::-webkit-scrollbar-thumb{
    background-color:#F3F3F3; /*滑動條表面*/
    border:solid 1px #C0C0C0; /*滑動條邊框*/
    border-radius:4px;  /*滑動條圓角寬度*/
}
/*橫豎滾動條交角*/
::-webkit-scrollbar-corner {
    background-color: #F3F3F3;
}
/*橫豎滾動條交角圖案*/
::-webkit-resizer {
    /*background-image: url(/public/img/resizer-inactive.png);*/
    background-repeat: no-repeat;
    background-position: bottom right;
}
/*鼠標滑過滑動條*/
::-webkit-scrollbar-thumb:hover{
    background-color:#F3F3E0;
}
記得兼容性