为什么IE 8中的文本输入字段总是比其他浏览器宽6px？

Question

更新：我认为这是因为IE框模型问题。但是，调试器显示“内容宽度”156px以及高度22px有点令人困惑：

如果我将边界和填充设置为0，则内容宽度是正确的，即150px：

问题就在于，如果我设置了边界和填充，IE中整个宽度的总宽度将变为156px + 6px;在Chrome / Firefox中，它是150px + 6px;

如果我清除边界和填充，总宽度变为： IE：150px + 0，Chrome / Firefox：150px + 0;

我用的是style =“width：150px;”设置文本输入字段的宽度。它在Chrome / Firefox中完美运行，但在IE8 / 10中总是宽6px。我使用IE调试器来检查文本输入字段的宽度。如果我将宽度设置为146px，则宽度变为150px。

我尝试将“box-sizing”设置为“content-box”以及设置字体。他们根本没有帮助。

现在，我唯一的解决方案是为IE写一个特定的宽度。反正有没有解决这个问题？谢谢！

Answer 1

它可能与IE盒子模型有关

因此，如果你有填充或边框，它可能搞砸了，但这只是我的猜测。