css去掉原生input框的border属性

原生input框是自带border属性的，但有时候得去掉的话怎么办呢？

这个时候可以把border设置为none

如果也要去掉点击时的光标效果则设置

input:focus {

  outline: none;

      }

或者  

input{

outline:medium;

}

直接添加以下代码即可：

input{outline:medium;border:none}