css 改變scroll滾動條的樣式

/*定義滾動條高寬及背景 高寬分别對應橫豎滾動條的尺寸*/

::-webkit-scrollbar

{

width:10px;

height:10px;

background-color:red;

}

/*定義滾動條軌道 内陰影+圓角*/

::-webkit-scrollbar-track

-webkit-box-shadow:inset0 06px rgba(0,0,0,0.4);

border-radius:20px;

/*定義滑塊 内陰影+圓角*/

::-webkit-scrollbar-thumb

-webkit-box-shadow:inset0 06px rgba(0,0,0,.3);