The tabs component of elementui has a blue border problem.

in the chrome browser, the component does not change, switch the window after selecting a tab, and then switch back, a blue border will appear, and after selecting the others, it will disappear.

Feb.28,2021

should be of this component: the active selector sets the outline property, and then write another to overwrite this,: active {outline:none}


overwrite the following style.
.el-tabs__item:focus.is-active.is-focus:not (: active) {

-webkit-box-shadow: none;
box-shadow: none;

}


give tabs a custom style
.my _ tabs {
.el-tabs__header {

.el-tabs__nav-wrap{
  .el-tabs__nav-scroll{
    .el-tabs__item{
      box-shadow: none !important;
    }
  } 
}  

}
}


*:focus {
    outline: none
}
Menu