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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_33237207/article/details/86645088

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

下面就来说说解决办法：

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

input {
      outline: none;
}

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

 input:focus{
       outline: none;
}