The border problem after the focus of input

We wrote input After focusing , Its focus frame is composed of outline Controlled , but input You can also control the border

 //  Enter text search 
  .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); 	
  }

The first is element Of <el-input . >

The second is input The style of , Only the input Of :focus {outline：0px} outline Set to zero , Reuse border:1px solid rgb(0, 195, 255); This is and element It's the same

reason ：input Of focus The focus frame is composed of outline Controlled

So we need to add settings ： focus{ outline:0px solid #fff; }