1. 程式人生 > >重置滾動條樣式

重置滾動條樣式

radi set radius rgb kit border ins thumb 滾動

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

重置滾動條樣式