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
}
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e8b225-1030.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e8b225-1030.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?