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

图片描述

在chrome浏览器,组件没有变化,在选中一个标签页后切换窗口,再切换回来,就会出现蓝色边框,选中其他之后就会消失。

阅读 10k
4 个回答

应该是这个组件的:active选择器设置了outline属性,再写一个把这个覆盖就好了,:active {outline:none}

覆写如下样式。
.el-tabs__item:focus.is-active.is-focus:not(:active){

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

}

给tabs一个自定义样式
.my_tabs{
.el-tabs__header{

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

}
}

*:focus {
    outline: none
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏