element tab选中时会有蓝色边框

原创于 2019-04-04 18:19:35 发布 · 4.9k 阅读

CC 4.0 BY-SA版权

文章标签：

29 篇文章

订阅专栏

本文介绍了解决Element UI中Tab组件激活状态时出现不必要边框阴影的方法。通过在SCSS文件中添加特定样式规则，并使用!important来确保自定义样式不会被框架默认样式覆盖。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决办法：在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;
  }