bootstrap框架，input添加border的时候左右两边比上下两边多出0.5px的线

Question

我把这个表单所有的涉及样式都清除了，就剩下如图右下角红框的border:1px solid #049cff;
但是单独写测试的的话是没有问题的。不知道是什么原因

Answer 1

单独写测试没问题，说明还是你的其他样式将其干扰

Answer 2

这个是outline,不是border

<style>
input:focus{
    outline: 1px solid red;
</style>

链接描述