解决设置相同高度情况下<input>和<button>不同高

今天在做一个检索的功能时,做一个搜索框
都知道这个功能一个input一个button搞定
但是在设置样式的时候发现

哎，我明明设置了同样的高啊，为什么会不同高呢?
于是开始怀疑人生
陷入了漫长的回忆……..
然后在记忆中，仿佛记得我在初学HTML和CSS的时候写淘宝静态页也遇到这个问题
居然这么久过去了，还是不会解决
发现这个还是一个比较重要的知识点，有必要给大家普及一下

所以，为什么呢？

原来，我们在使用这两个标签的时候，这两个标签有许多默认的属性
其中border都是他们默认设置了的属性
而且他们的border值还不一样，所以才导致它们的高度不一样
将border值都设置0后你就会看见奇迹

可把它厉害坏了

顺便再说点别的，这两个标签在触发的时候都会有蓝色焦点框，如果大家不需要
设置outline:none即可