在css 文件裏定義樣式:
.mat-tab-body-content {
...
/*---------谷歌----------*/
&::-webkit-scrollbar {
width: 4px;
height: 532px;
}
&::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #d9d9d9;
}
/*----------火狐---------*/
scrollbar-width: thin;
scrollbar-color: #d9d9d9;
}
注: (1) &::-webkit-scrollbar :定義滾動條寬高及背景,寬高分別對應橫豎滾動條的尺寸
(2)&::-webkit-scrollbar-thumb : 定義滑塊顏色、內陰影及圓角
(3)scrollbar-color可以設置滑塊顏色 滾動條背景顏色,scrollbar-width可以設置滾動條寬度有三種(thin、auto、none)