elemetUI el-drawer头部样式问题，header样式被黑线框住

原创于 2021-01-12 14:38:58 发布 · 5.1k 阅读

CC 4.0 BY-SA版权

文章标签：

10 篇文章

订阅专栏

6 篇文章

订阅专栏

在使用ElementUI的el-drawer时，右侧弹窗头部header会出现一条黑线框。解决方案是重写覆盖el-drawer__header的样式，设置outline: none即可。

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

项目场景：

提示：使用elementUI 的 el-drawer时相信很多人都会遇到这个问题

在这里插入图片描述

// An highlighted block
.right-pop-box {
    /deep/ .el-drawer__header { 
      span {
        outline: none;
      }
    }
  }