在FireFox中将边框宽度设置为1px时边框大小为0.667

Question

仅在FireFox浏览器中，当我将边框宽度设置为1px到div或input元素或任何HTML元素时，我的边框大小为0.6667。请查看以下屏幕截图。

我已经在css内联样式中给出了边框，也通过单独的类给出了边框，但我得到了相同的结果。我没有为元素提供任何盒子模型。

如果我给出2px的边框大小，那么它的工作正常。我在提供奇数时遇到问题。

如果我给1px =＆gt; 0.6667 如果我给3px =＆gt; 2.6667

由于上述问题，我的计算得到了css级别的中断。那么请你提供解决方案来解决这个问题吗？

它的浏览器是否有问题？或者提供解决方案的任何工作？

谢谢， Gobalakrishnan

Answer 1

在Mozilla得到他们的狗屎之前，你可以使用插入框阴影：

box-shadow: inset 0 0 0 1px rgba(#f00, 1);

在这种情况下，请记住添加填充以进行相应的补偿。