input 清除默认样式

第一种：直接在input中加style=“outline:none;”

<input type="search" style="outline:none;:>

第二种方式：在顶部style中直接控制css样式

<style type="text/css">

      input{outline:none;}

</style>

第三种方式：直接用 input:focus { outline: none; } 控制聚焦时不出现蓝色边框~

input:focus { outline: none; }

添加补充一种：兼容的解决方法：

input{

background:none; 

outline:none; 

border:0px;

}

在手机上有的时候会出现input默认变成圆角的情况。

可以用以下问题解决

input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}