input输入框边框设置不显示

最近在写项目时，做到搜索框时，需要将input的默认边框清除，我的处理是border：none。在测试时发现input框出现了默认边框样式。
问题： 设置input边框不显示，将border设置为none，页面显示没有边框，但是点击输入时会有默认边框显示。
方法：在设置input边框为none的前提下，再添加outline：none属性，即可清除默认的border样式。