css - Gxt组合框选择箭头在Firefox和Safari浏览器中未正确对齐

我使用的是Gxt-2.2.3的combox框，当它在IE7中呈现时，对齐方式没有问题，但是当涉及到Firefox-4.0.1时，出现了一些选择箭头对齐问题，如下所示。

通过运行，该应用程序是firebug模式，知道该div的'element.style'应用了一些默认样式，其值为'padding-left:80px'。
因此，任何人都可以建议我为什么在浏览器中出现这种不兼容性以及如何覆盖这种样式。

代码:

private ComboBox<TestModel> comboModel = new ComboBox<TestModel>();

  comboModel.setFieldLabel(wrapAlignmentSpan("State"));
    ListStore<TestModel> store = new ListStore<TestModel>();
    store.add(getModels(new ArrayList<TestModel>()));
    comboModel.setDisplayField(TestModel.STATE);
    comboModel.setValueField(TestModel.STATE);
    comboModel.setLabelStyle("font-weight:bold;width:120");
    comboModel.setWidth(100);
    comboModel.setStore(store);

最后，我将其添加到“FormPanel”中，如下所示:

     mainPanel.add(comboModel);

提前致谢。

最佳答案

这是因为'FormLayout'的标签宽度。不要在组合字段中设置任何标签宽度。如果需要，请检查标签文本的宽度，然后如下设置标签宽度。

//'100' should be calculated based on the width of the label text
formLayout.setLabelWidth(100);