el-table 表格鼠标滑过后，边框消失

作者: 源大侠 | 来源:发表于2023-01-05 09:51 被阅读0次

表格
CSS基础
表格合并
Bootstrap[第三章:表格和按钮]
表格
el-table 纵向垂直表头
CSS笔记16：border-collapse
vue Element表格样式处理
el-table表格错位的问题
elementui中el-table-column里显示两个后台

看了网上的做法，有把背景色直接设为白色的，我觉得不太好，测试了一下，发现原本表格设置的是下边框，把下边框改为设置上边框就好了，这样的话还要加一个最后一行的下边框设置。

   .el-table td, .el-table th.is-leaf{
      border-top: 1px solid #EBEEF5;
      border-bottom:0
   }
   .el-table__body{
    border-bottom: 1px solid #EBEEF5;
   }

image.png

原本是这样的，将这个样式覆盖掉。

image

表格
基本表格带边框表格鼠标悬停表格条纹状表格紧缩型表格 ...
CSS基础
一.CSS语法二.选择器三. 尺寸，背景，文本，字体，鼠标样式四. 表格，边框，内外边距，边框模型边框样式...
表格合并
element-ui el-table 表格合并后，鼠标经过的高亮显示问题合并后高亮是这样的目标效果代码
Bootstrap[第三章:表格和按钮]
一.表格 1.基本样式 2.条纹状表格注：表格效果需要基于基本格式.table3.带边框的表格 4.悬停鼠标 5...
表格
基本示例条纹状表格依赖:nth-child选择器CSS实现，IE8不兼容带边框的表格鼠标悬停效果紧缩表格...
el-table 纵向垂直表头
el-table 纵向垂直表头 Element el-table 纵向垂直表头 / el-table 表格纵横转换...
CSS笔记16：border-collapse
合并表格单元格边框未合并边框时样式未合并表格单元格边框
vue Element表格样式处理
一：让el-table表格居中的方式只需在el-table标签上添加即可。二：表格内容过长显示问题实现效果如下图...
el-table表格错位的问题
// el-table 表格錯位的問題body .el-table {th.gutter,colgroup.gut...
elementui中el-table-column里显示两个后台
使用elementui组件库中的table表格组件标签时，