該代碼收集於網上資源,非原創
/*定義滾動條寬高及背景,寬高分別對應橫豎滾動條的尺寸*/ ::-webkit-scrollbar { width: 10px; /*對垂直流動條有效*/ height: 10px; /*對水平流動條有效*/ } /*定義滾動條的軌道顏色、內陰影及圓角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: rosybrown; border-radius: 3px; } /*定義滑塊顏色、內陰影及圓角*/ ::-webkit-scrollbar-thumb { border-radius: 7px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #da4744; } /*定義兩端按鈕的樣式*/ ::-webkit-scrollbar-button { background-color: #da4744; } /*定義右下角匯合處的樣式*/ ::-webkit-scrollbar-corner { background: da4744; } ::-webkit-scrollbar-track-piece { background-color: #e64747; }