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

开发过程中,input在点击输入时,有下图所示的默认边框出现:
【CSS】input输入框如何去掉点击后出现的边框
文章图片


下面就来说说解决办法:
【【CSS】input输入框如何去掉点击后出现的边框】方法一:直接给input添加样式:

input { outline: none; }


方法二: 控制聚焦时不出现边框,添加下面样式:
input:focus{ outline: none; }


    推荐阅读