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

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

下面就来说说解决办法：

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

input {outline: none;}

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

input:focus{outline: none;}