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

我希望有一个表单,其中标签在左侧带有min-height,并且如果标签较宽,则输入字段应在下一行。这对我很有效(虽然不是在所有Firefox上都如此,但在我的开发中,但这不是这里的问题)

我在IE9中对其进行了测试,然后某些输入字段将在margin-left值n鼠标悬停时跳到右侧。

我将其分解,如果我将标签的边距底部(这里从5px降低到4px),可以解决这个问题,但是错误不应排在首位

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

这是一个例子:
http://jsfiddle.net/HerrSerker/9ktvX/(在IE9中签入)

这是IE9中的已知错误吗?我应该写信给微软吗?



编辑

我更新了小提琴。
如果我通过jQuery更改边框颜色,则不会出现错误。

最佳答案

如果将输入字段中的字体大小更改为px,则可以解决该问题。
http://jsfiddle.net/9ktvX/3/

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

关于html - 更改IE9中的边框颜色崩溃布局,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12516661/

10-10 07:41