1px的边框线和border-box的问题

Question

用的rem，两个按钮都是border-box边框。后来用伪元素设置边框，但这样的话有边框的宽度就比无边框的按钮大了1px，后面我只能勉强强行的在无边框的按钮上加入1px，单是因为转化成1px，所以不好搞，而且我用border-box就是不想计算两个按钮的尺寸，但现在明显需要计算得出，难受。

Answer 1

不用 border，用 box-shadow：box-shadow: 0 0 0 1px red

Answer 2

后半段难以理解。
使用box-sizing属性设置为border-box之后为什么不能满足需求还要用伪元素呢？

如果用伪元素，伪元素也设置一下该属性，然后left/bottom/top/right全部设为0就行了。

Answer 3

border-box足够满足要求了啊。你不满意，可以给无边框的加个和bgcolor一样颜色的边框，简单粗暴。

Answer 4

有强迫症的话 border + border-box是有缺陷的，会影响当中文字的垂直居中的位置
1px 不明显，个 10px 就能看到差异了

我一般用 box-shadow 啥都不影响