input的聚焦后的边框问题

我们写的input 聚焦后，它的聚焦边框是由outline控制了，但input还可以控制边框

 // 输入文字搜索
  .my_InputText{
    
    border:0.5px solid #DCDFE6; 
    border-radius: 5px;
  }
  .my_InputText:focus {
    
    box-sizing: border-box;
    outline:0px ; 
    border:1px solid rgb(0, 195, 255); 	
  }

第一个是element的 <el-input . >

第二个是input的样式 ，只有把input的 :focus {outline：0px} outline设成零，再用border:1px solid rgb(0, 195, 255); 这样就是和element的一样了

原因：input的focus 聚焦边框是由outline控制了

所以我们需要进行增加设置 ： focus{ outline:0px solid #fff; }