1

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

我想要一个表格，其中标签位于左侧，min-height如果标签更宽，则输入字段应位于下一行。这对我很有用（虽然不是所有 Firefox 的小提琴，但在我的开发中，但这不是问题）

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

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

如果我不更改边框颜色，我也不会出错。奇怪的！

这是一个示例： http:
//jsfiddle.net/HerrSerker/9ktvX/（在 IE9 中检查）

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

编辑

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

4

2 回答 2

1

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

input {
    ...
    font-size: 13px;
    ...
}
于 2012-09-20T17:27:39.710 回答
0

尽量避免“浮动”属性。你可以得到相同的布局display:inline-block;

于 2012-09-20T17:56:21.930 回答