更新: 我认为这是因为 IE box-model 问题。但是，调试器显示“内容宽度”156px 以及高度 22px 有点令人困惑:
如果我将 boarder 和 padding 设置为 0，content-width 是正确的，即 150px:
问题来了，好像我设置了boarder和padding，在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 编写一个特定的宽度。无论如何要解决这个问题？谢谢!!
最佳答案
可能与IE盒子模型有关
因此，如果您有填充或边框，它可能会搞砸，但这只是我的猜测。
关于html - 为什么 IE 8 中的文本输入字段总是比其他浏览器宽 6px？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18967172/