element-ui样式在vue修改失效解决方案

案例

框架：vue+emement-plus

描述：原生点击时按钮存在边框，修改后点击边框消失

 解决方案

样式穿透：找到对应样式类名（例如本案例类名：.el-drawer__close-btn），在需要修改的文件内创建<style scope>标签 

 代码

<style scoped>
    /deep/.el-drawer__close-btn {
      outline: none !important;
    }
</style>

原因分析

Vue style 深度作用选择器 >>> 与 /deep/（sass/less）

Vue style 深度作用选择器 >>> 与 /deep/（sass/less） - 贝尔塔猫 - 博客园