ext 修改滾動條樣式
阿新 • • 發佈：2018-12-14
/**
- 控制 chrome 滾動條顏色 / ::-webkit-scrollbar-track-piece{ background-color:#D2E5F4;/ 空出來的顏色 */ -webkit-border-radius:0; }
::-webkit-scrollbar-thumb{
height:50px;
background-color:#9f82ff;/* 滾動條顏色 /
-webkit-border-radius:4px;
outline:2px solid #9f82ff;/滾動條外圍顏色/
outline-offset:-2px;
border: 2px solid #fff;
}
/
滑鼠移上去後的顏色
/
::-webkit-scrollbar-thumb:hover{
height:50px;
background-color:#9f9f9f;/ #9f9f9f hover/
-webkit-border-radius:4px;
}
/**
- 寬度
- 高度
/
::-webkit-scrollbar {
width:20px; / 設定滾動條寬度 */
height:26px;
}
::-webkit-scrollbar {!滾動條整體樣式!
width: 26px; !高寬分別對應橫豎滾動條的尺寸!
height: 26px;
}
::-webkit-scrollbar-thumb {!滾動條裡面小方塊!
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #535353;
}
::-webkit-scrollbar-track {!滾動條裡面軌道! -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED; }