关于修改ant-design-vue的table组件背景色遇到闪动的问题

项目中需要修改表格的背景色为以下样式

修改完之后发现表格行还有个hover的背景色，于是再次重置样式如下

 .ant-table-tbody > tr {
    &:hover {
      td {
        // background: red !important;
        background: transparent !important;
      }
    }
  }

这样重置之后，hover的样式确实没了，但是会出现以下闪动的情况，闪动出来一个背景色，找不到到底是哪个元素上的背景色

ant-design-vue表格行背景色闪动的问题

多方查找后才发现，只重置了hover时的td的背景色还不行，需要单独在重置一下td的背景色，如下

.ant-table-tbody > tr {
   &:hover {
     td {
       background: transparent !important;
     }
   }

   td {
     background: transparent !important;
   }
 }

此时就不会有闪动的问题了