* {
            scrollbar-base-color: #2d5333;
            scrollbar-3dlight-color: #fff;
            scrollbar-highlight-color: #fff;
            scrollbar-track-color: #eee;
            scrollbar-arrow-color: #2d5333;
            scrollbar-shadow-color: #fff;
        } 
        ::-webkit-scrollbar {  
          width: 8px;  
          height: 11px;  
        }  
        ::-webkit-scrollbar-track,  
        ::-webkit-scrollbar-thumb {  
        /*   border-radius: 999px;   */
        /*   border: 5px solid transparent;   */
        }  
        ::-webkit-scrollbar-track {  
        /*   box-shadow: 1px 1px 5px rgba(0,0,5,.2) inset;   */
          background-color: #eee;
        }   /* 滾動條的滑軌背景顏色 */
        ::-webkit-scrollbar-thumb {  
        /*   min-height: 20px;   */
        /*   background-clip: content-box;   */
        /*   box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;   */
          background-color: #2d5333; 
        }  /* 滑塊顏色 */
        ::-webkit-scrollbar-corner {  
        /*   background: transparent;   */
          background-color: black;
        }  /* 橫向滾動條和縱向滾動條相交處尖角的顏色 */
        ::-webkit-scrollbar-button {
          background-color: #eee;
        } /* 滑軌兩頭的監聽按鈕顏色 */

CSS 美化