在Firefox和Safari中没有正确对齐Gxt组合框选择箭头

Question

我正在使用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);

提前致谢。

Answer 1

问题是因为'FormLayout''标签宽度'，有一个'FormLayout'，'标签宽度'为'30px'。因此，在增加到'120px'后问题得到了解决。

 LayoutContainer left = new LayoutContainer();
    MdbFormLayout layout = new MdbFormLayout(120);
    layout.setLabelAlign(LabelAlign.LEFT);
    left.setLayout(layout);
    return left;

最后将“组合字段”添加到“左”容器中，如下所示，

left .add(stateField, new FormData(150, -1));

Answer 2

这是因为＆＃39; FormLayout＆＃39; 的标签宽度。不要将任何标签宽度设置为组合字段。如果需要，请检查标签文本的宽度，然后按如下方式设置标签宽度。

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