【CSS】input输入框如何去掉点击后出现的边框

开发过程中，input在点击输入时，有下图所示的默认边框出现：

 

下面就来说说解决办法：

方法一：直接给input添加样式：

input {
      outline: none;
}

 

方法二： 控制聚焦时不出现边框，添加下面样式：

 input:focus{
       outline: none;
}