element 彈窗出現 會出現藍框

這樣的：

 

 

<style> :focus{ outline:none } </style>
<div id="app">
<el-button @click="drawer = true" type="primary" style="margin-left: 16px;">
  點我打開
</el-button>

<el-drawer
  title="我是外面的 Drawer"
  :visible.sync="drawer"
  size="50%">
  <div>
   <el-button @click="innerDrawer = true">打開里面的!</el-button>
   <el-drawer
     title="我是里面的"
     :append-to-body="true"
     :visible.sync="innerDrawer">
     <p>_(:зゝ∠)_</p>
   </el-drawer>
  </div>
</el-drawer>
</div>

在css中去掉聚焦，

如果是vue 就在全局去掉就可以了 

 //   一定不要用這個 scoped 因為有可能項目中不止這一個彈窗，要全局去掉
<style lang="scss" >         
   // 去掉彈窗出現時的出現藍框
:focus {
  outline: 0;
}
</style>