更新:我认为这是因为 IE 框模型问题。但是,调试器显示“内容宽度”156px 和高度 22px 有点令人困惑:
如果我将边界和填充设置为 0,则内容宽度是正确的,即 150 像素:
问题来了,好像如果我设置了边框和填充,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 写一个特定的宽度。有没有办法解决这个问题?谢谢!!