element-ui使用中出現黑色邊框

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

 

原因： outline樣式導致

 

解決方案：（在對應的容器上加如下樣式）

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

 

或者覆蓋樣式： (不推薦，以tabs為例)

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