css设置input表单样式 outline = none 时， border消失

Question

一个搜索框：

<input class='search_input' type='search'>
<input class='submit_btn' type='submit' :value='SearchBtn.icon | DCodeIcon'>

未设置 outline 样式时 focus 它，是这样的：

设置 outline=none 之后 focus 它：

不知道为什么 border 也一并消失了，感觉上像输入框变大了 2px 把 border 遮住了。
请问该怎么样才能让 border 可见呢？

Answer 1

这样写

input{ border:1px #ccc solid;outline:none; }