css 改變scroll滾動條的樣式

廊橋夢醉發表於2018-03-12
CSS

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

::-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;

background-color:red;

}

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

::-webkit-scrollbar-thumb

{

border-radius:20px;

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

background-color:red;

}


相關文章