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

Posted iwishicould

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Element-UI中Drawer抽屉去除标题自带黑色边框相关的知识,希望对你有一定的参考价值。

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

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


解决方法

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

以上是关于Element-UI中Drawer抽屉去除标题自带黑色边框的主要内容,如果未能解决你的问题,请参考以下文章

为啥 shadowColor: '...' - 不适用于“react-native-drawer”组件的 Android 上的抽屉样式?

Flutter之抽屉组件drawer,设置drawer宽度——Flutter基础系列

drawer navigation, tabhostFragment 默认导向

drawer抽屉

Android on Drawer Closed Listener

MUI - 响应式抽屉