css更改滾動條樣式

css更改滾動條樣式

body::-webkit-scrollbar {/*滾動條整體樣式*/
    width: 8px;     /*高寬分別對應橫豎滾動條的尺寸*/
    height: 8px;
    scrollbar-arrow-color:red;
}
body::-webkit-scrollbar-thumb {/*滾動條里面小方塊*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(218, 218, 218,0.2);
    box-shadow: inset 0 0 5px rgba(218, 218, 218,0.2);
    background: rgba(218, 218, 218,0.2);
    scrollbar-arrow-color:red;
}
body::-webkit-scrollbar-track {/*滾動條里面軌道*/
    -webkit-box-shadow: inset 0 0 5px rgba(218, 218, 218,0.2);
    box-shadow: inset 0 0 5px rgba(218, 218, 218,0.2);
    border-radius: 0;
    background: rgba(218, 218, 218,0.1);
}