4

我有一个带有一堆输入字段（文本类型和选择）的 HTML 表单。我将它们浮动，使得每行有两个。在所有浏览器（包括 IE7）中，一切正常，但出于某种原因，在 IE8 中，每当我在任何字段或其标签内单击时，该字段或周围的字段都会垂直向上或向下移动。一旦我点击离开框，该位置就会恢复正常，但附近的另一个框可能会移动。此外，并非所有文本框字段都有此问题，单击同一个文本框并不总是会导致此问题。有任何想法吗？

4

5 回答 5

5

我遇到了完全相同的问题，为了解决它，我设置了

display:block

在跳跃并修复它的元素上。希望有帮助。

于 2012-08-31T18:59:30.553 回答
2

问题是当你聚焦一个输入文本元素时，你的浏览器会在它周围放置 2px 边框作为焦点，如果它包含在一个紧凑的容器中，它会改变它的位置......

我认为这与始终拥有 2px 边框更相关。使用相同颜色的边框和您的文本字段具有透明边框...您的问题已在此问题上得到解决

聚焦输入字段边框时的 StackOverflow 问题 8270380

于 2015-02-18T19:16:38.783 回答
1

这是推测，但由于关注某个元素似乎会触发转换，因此您可能对这些关注的元素应用了不同的样式。增加的边距或边界可能是负责任的。

于 2012-08-06T07:29:06.957 回答
1

没什么大不了的：-大纲：无；

在输入标签中

input {


  width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    display: block;
    border-radius: 5px;
    outline: none;

}

如果你想拥有自己的边框然后放

input:focus {
    border: 2px solid salmon;
    color: #333;
}
于 2020-12-29T14:54:20.770 回答
0

我认为您的结构与您的父结构 CSS 冲突（可能是您使用第三方插件，如 jQuery UI 或其他）只是为了确认剪切或复制您的冲突代码并将您的父结构或开头粘贴到外面你的身体标签。你会发现不同之处。

为了获得适当的帮助，我想查看您的代码。谢谢

于 2012-08-06T07:25:01.427 回答