html - 在 IE9 中更改边框颜色会导致布局崩溃

Question

我在 IE9 中有这种奇怪的行为，当我更改 border-color 时的 <input>在用户输入时(:hover 或 :focus)，布局将崩溃

我想要一个表单，其中标签位于左侧，带有 min-height如果标签更宽，那么输入字段应该放在下一行。这对我很有用(虽然不是所有 Firefox 的 fiddle ，但在我的开发中，但这不是这里的问题)

我在IE9中测试过，然后一些输入字段会跳到margin-left右边。值 n 鼠标悬停。

我把它分解了，如果我降低标签的底部边距(这里从 5px 到 4px)，我可以让它不发生，但是错误不应该首先出现

如果我不更改边框颜色，我也可以没有错误。奇怪!

举个例子:
http://jsfiddle.net/HerrSerker/9ktvX/ (在IE9中查看)

这是 IE9 中的已知错误吗？我应该写信给 Microsoft 吗？

---

编辑

我更新了 fiddle 。
如果我通过 jQuery 更改边框颜色，则不会出现错误。

Answer 1

如果您将输入字段中的字体大小更改为 px，它会修复它...似乎是由于自适应单位而导致的错误？ http://jsfiddle.net/9ktvX/3/

input {
    ...
    font-size: 13px;
    ...
}