基础样式之vue-antdesign中改变滚动条样式

/deep/.ant-table-body{
        &::-webkit-scrollbar {//整体样式
          height: 10px;
        }
        &::-webkit-scrollbar-thumb {//滑动滑块条样式
          border-radius: 4px;
          -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
          // background: #00aaff;
          background: #d6e9fa;
        }
        &::-webkit-scrollbar-track {//轨道的样式
          -webkit-box-shadow: 0;
          border-radius: 0;
          background: #f6f8ff;
        }
      }

想要单独给某个定义的话：在设置scroll的类上ant-table-body更换自己的类比如：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

/deep/.showShucai{     &::-webkit-scrollbar {//整体样式       height: 10px;     }     &::-webkit-scrollbar-thumb {//滑动滑块条样式       border-radius: 4px;       -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);       // background: #00aaff;       background: #d6e9fa;     }     &::-webkit-scrollbar-track {//轨道的样式       -webkit-box-shadow: 0;       border-radius: 0;       background: #f6f8ff;     }   }