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

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

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


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


解决方法


/deep/ :focus {
    outline: 0;
  }


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

相关文章
|
4月前
|
JavaScript
Elementplus淡入淡出效果,头部顶栏如何设置文字隐藏效果,默认图标如何收缩,icons如何通过类进行替换,侧边栏如何添加阴影,右边如何设置高度,侧边栏如何设置阴影,如何让icon与文字
Elementplus淡入淡出效果,头部顶栏如何设置文字隐藏效果,默认图标如何收缩,icons如何通过类进行替换,侧边栏如何添加阴影,右边如何设置高度,侧边栏如何设置阴影,如何让icon与文字
|
6月前
element-plus:el-Dialog对话框组件垂直居中、禁止屏幕滚动、使用内滚动
element-plus:el-Dialog对话框组件垂直居中、禁止屏幕滚动、使用内滚动
|
6月前
element-ui 表格和 tooltip修改背景颜色和箭头颜色
element-ui 表格和 tooltip修改背景颜色和箭头颜色
728 0
|
11月前
|
前端开发
CSS:去除input和button边框以及选中时边框默认样式
CSS:去除input和button边框以及选中时边框默认样式
Echarts自定义tooltip显示内容(隐藏小圆点)
Echarts自定义tooltip显示内容(隐藏小圆点)
283 0
element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
405 1
|
JavaScript
VUE element-ui 之table表格全选框居中对齐
VUE element-ui 之table表格全选框居中对齐
925 0
VUE element-ui 之table表格全选框居中对齐
|
Android开发
Android CheckBox修改选中颜色并去除选中时的水波纹效果
Android CheckBox修改选中颜色并去除选中时的水波纹效果
686 0
Android CheckBox修改选中颜色并去除选中时的水波纹效果