Element-ui默认样式问题

Drawer 抽屉 ，打开时默认选中title的情况

• 示例图

  
  
  image.png

• 解决代码

.el-drawer__header span:focus {
  outline: 0!important;
}

Table表格-表头和内容错位

• 示例图
  表格使用border属性之后，发现表头和内容错位。电脑显示的缩放引起的，并且发现同为webkit内核的Google浏览器和360浏览器中360浏览器显示正常，而Google浏览器才会出现这个问题。

  
  
  image.png

• 解决代码

// 方法一
.el-table th.gutter {
  display:table-cell !important;
}

// 方法二 没有尝试
// 在el-table组件挂载一个ref="configurationTable"，然后在每次请求数据成功后动一动表格的默认宽度
this.$refs.configurationTable.$el.style.width = '99.99%'

Table表格-打开有多余横线

在使用固定左侧列的时候 , 而且只有在数据只有一行的时候 , 经常会出现这种情况 , 底部出现一根横线

• 示例图

  
  
  image.png

• 解决代码,，一般第二个就可以生效了，也可以两个都尝试一下

.el-table__fixed-right{
  height: 100% !important; 
}
 .el-table__fixed {
  height: 100% !important; 
}