ExtJS IE6 Combox框将下拉框显示为2像素

Question

我的ExtJS屏幕上有一个绝对定位的组合框。在FF下一切都很酷，但是IE6（和7）显示下拉框几个像素，所以它没有与箭头按钮对齐。我尝试将组合包装在一个定位的div容器中并从组合中取下x，y - 没有帮助。

如果我将样式设置为margin：' - 2px'它会为IE修复它，但会将其搞砸为FF。

这是一个已知问题吗？

控件如下所示：

更新：下面的解决方案可以解决问题，但我选择使用ExtJs框架的CSS来解决这个问题。我添加的确切CSS是：

.ext-ie .x-form-field-wrap{height:22px;}
.ext-ie .x-form-text{margin:-2px 0;height:18px;}

其中一些可能是我的应用程序特有的，但ext-ie东西似乎插入到ExtJS框架中。

Answer 1

如果您只需要为IE做出让步（特别是6和7），那么您可以使用下划线黑客，这样您的保证金更改只会对该浏览器生效。基本上除IE之外的所有浏览器都会忽略任何带有下划线的CSS规则。

示例：

combo {
    _margin: 2px;
}

有关详细信息，请查看Weekly CSS Trick: The IE underscore hack。我不建议自由地使用这个hack，但是为​​了快速修复或者它可以完成这项工作。如果您想要更进一步，并创建一个仅限IE的样式表，请查看How To Create an IE-Only Stylesheet。