element tab选中时会有蓝色边框

解决办法:在commos.scss中加入属性覆盖

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

或者:这里的一定要加上!Important ,因为npm run build 打包代码的时候的,这段代码会被的element ui 框架代码覆盖掉

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

你可能感兴趣的:(vue,element,tab,蓝色边框)