如何清除css中文本框获得焦点时 自动出现的边框

在我们用到文本框的时候，一般情况下我们回清除文本框自带的边框，利用border:none；即可取消自带边框，但当文本框获得焦点时，会自动显示边框

 

 

这个问题，我们设置获得焦点时，利用outline:none;即可取消 

 

 结果如下