element-ui 的表格,列数太长,固定操作列,鼠标移入操作按钮上,显示出下面列的内容,一闪而过

记录一次无语的bug,找了半天代码,最后发现是css写的问题

bug效果如下

element-ui 的表格,列数太长,固定操作列,鼠标移入操作按钮上,显示出下面列的内容,一闪而过

 

 但是我发现element-ui的例子中并没有出现这种问题,,最后一段排查,

发现 我给这个表格加了一个css样式,

 .el-table tr:hover {
    background: none;
 }

鼠标移入行的时候,去掉了tr的背景色,导致后面的内容直接穿透

解决方法:删除这一段css就可以了

 

上一篇:2021-10-31


下一篇:LOJ #3511. 「USACO 2021 US Open Platinum」United Cows of Farmer John