ant-vue中a-table去除鼠标悬停背景色

1,866 阅读1分钟

问题\

使用a-table的时候,会发现鼠标移到某行,某行就会高亮或有背景色填充。那怎么去掉这个效果呢?

image.png

解决\

如果是白色背景,用样式穿透/deep/

添加以下CSS即可

/deep/ table tbody tr:hover>td { background-color:#ffffff!important }

如果要设置透明 请使用transparent

/deep/ table tbody tr:hover>td { background-color:transparent!important }

注意不能使用 opacity来设置 不透明度 会遮挡表格内容

如下 image.png