Question

我有一个最初设计用于IE7的Web应用程序。我正在重新调整CSS以使应用程序在最新版本的Chrome中呈现，而不会破坏IE7用户。我在整个网站上修复了错误对齐的滑动门输入盒，但有一页我无法在IE7和Chrome中同时使用滑动门。设置非常简单：

<span>
    <input type="text" ... />
</span>

在这种情况下，跨度保持滑动门的左盖，输入端保持右盖和主体。我将跨度和输入都设置为内联块，具有相同的高度，没有边距或填充。 Chrome钉了它，它看起来很棒，但是IE7将输入的输出比像跨度低1英寸：

需要更多声望才能发布图片

如果我在输入中添加了-1px的上边距，那么IE7会正确渲染该内容并且Chrome会使其错位。我已经尝试将这个实例与应用程序中的所有其他滑动门输入进行比较，这些输入在IE7和Chrome中均有效，但我不能为我的生活看到这里有什么不同....

之前有人遇到这样的问题吗？

Answer 1

几乎可以肯定有一种更好的解决方法，但却没有看到它......

向损坏的class添加input，例如“ie7fix”，然后：

/* applies to only ie7 */
*+html .ie7fix {
    margin-top: -1px; 
}