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

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

 

原因: outline样式导致

 

解决方案:(在对应的容器上加如下样式)

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

 

或者覆盖样式: (不推荐,以tabs为例)

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

 

posted @ 2021-02-04 19:21  【云】风过无痕  阅读(243)  评论(1编辑  收藏