在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)