element-ui使用中出现黑色边框

element-ui 使用中出现莫名黑色边框，如el-tabs、el-popover等

 

原因： outline样式导致

 

解决方案：（在对应的容器上加如下样式）

.without-outline:focus {
    outline: none;
}

 

或者覆盖样式： (不推荐，以tabs为例)

.el-tabs__item:focus {
  outline: none;  
}