Element-UI中Drawer抽屉去除标题自带黑色边框

简介: Element-UI中Drawer抽屉去除标题自带黑色边框

当点击事件drawer==true时,抽匣回打开


这时抽匣的标题会出现一个难看的蓝色边框,一会就会消失,但是好丑,所以要去掉它


解决方法


/deep/ :focus {
    outline: 0;
  }


vue组件中,在style设置为scoped的时候,里面在写样式对子组件是不生效的,如果想让某些样式对所以子组件都生效,可以使用 /deep/ 深度选择器。

相关文章
|
5月前
|
JavaScript
Elementplus淡入淡出效果,头部顶栏如何设置文字隐藏效果,默认图标如何收缩,icons如何通过类进行替换,侧边栏如何添加阴影,右边如何设置高度,侧边栏如何设置阴影,如何让icon与文字
Elementplus淡入淡出效果,头部顶栏如何设置文字隐藏效果,默认图标如何收缩,icons如何通过类进行替换,侧边栏如何添加阴影,右边如何设置高度,侧边栏如何设置阴影,如何让icon与文字
|
5月前
Element UI 表格【列宽自适应】
Element UI 表格【列宽自适应】
143 0
|
7月前
element-ui 表格和 tooltip修改背景颜色和箭头颜色
element-ui 表格和 tooltip修改背景颜色和箭头颜色
806 0
|
前端开发
CSS:去除input和button边框以及选中时边框默认样式
CSS:去除input和button边框以及选中时边框默认样式
|
JavaScript
VUE element-ui 之table表格全选框居中对齐
VUE element-ui 之table表格全选框居中对齐
939 0
VUE element-ui 之table表格全选框居中对齐
|
Android开发
Android CheckBox修改选中颜色并去除选中时的水波纹效果
Android CheckBox修改选中颜色并去除选中时的水波纹效果
712 0
Android CheckBox修改选中颜色并去除选中时的水波纹效果