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.
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.
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
}