修改谷歌和火狐浏览器滚动条的样式

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