elementui 的tabs组件出现蓝色边框问题

811 阅读1分钟

在chrome浏览器,elementui 的tabs组件选中的tab,在切换其他标签页后,再切换回来,就会出现蓝色边框(选中的tab会有一个聚焦的效果,tab中多出一个is-focus类),选中其他之后就会消失。 解决办法:覆盖掉is-focus类的样式就好

::v-deep .el-tabs__item:focus.is-active.is-focus:not(:active){
    -webkit-box-shadow: none;
    box-shadow: none;
}