第一種:直接在input中加style=“outline:none;”
<input type="search" style="outline:none;:>
第二種方式:在頂部style中直接控制css樣式
<style type="text/css">
? ? ? input{outline:none;}
</style>
第三種方式:直接用 input:focus { outline: none; } 控制聚焦時(shí)不出現(xiàn)藍(lán)色邊框~
input:focus { outline: none; }
添加補(bǔ)充一種:兼容的解決方法:
input{
background:none;?
outline:none;?
border:0px;
}
在手機(jī)上有的時(shí)候會(huì)出現(xiàn)input默認(rèn)變成圓角的情況惩坑。
可以用以下問(wèn)題解決
input{-webkit-appearance:?none;?-moz-appearance:?none;?-o-appearance:?none;?appearance:?none;}