背景

在使用Element-UI中的 <el-drawer 组件时,出现了默认选中标题的问题,如下截图

去除element-ui中el-drawer标题自带黑色框_预处理

解决办法:

如果使用了scss预处理器,那么可以通过 ::v-deep 来修改样式,如下代码:

  ::v-deep :focus {
outline: 0;
}

/deep/ :focus {
outline: 0;
}

效果图如下:

去除element-ui中el-drawer标题自带黑色框_css_02