修改 antd 表格内滚动条样式

// 一共有两个方法 取其一就行 一个是局部一个是全局
//局部

滚动条外层的宽度
 :global{
      ::-webkit-scrollbar {
       height: 9px;
       background: rgba(255, 255, 255, 0.03);
     }
	滚动条里面的宽度
       ::-webkit-scrollbar-track,
       ::-webkit-scrollbar-thumb {
       background: rgba(255, 255, 255, 0.2);
       border-radius: 12px;
       height: 20px;
     }
	这个我记不太清楚是干啥了。你可以给个颜色看看
	 ::-webkit-scrollbar-track {
      background: rgba(255, 255, 255, 0.03);
    }
 }




**// 第二种
//	全局**
这个是放在最外层可以连浏览器的的也能改了的
::-webkit-scrollbar {
  width: 12px;
  height: 12px !important;
  background: rgba(255, 255, 255, 0.03);
}

/*定义滚动条轨道*/
::-webkit-scrollbar-track {
  background: #50565e;
}

/*定义滑块*/
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}

// 这个是改了之后有点问题  我发现点开弹框 滚动条又变白色了 就给改了下
.ant-scrolling-effect {
  background: #50565e;
}