在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'的标签宽度。不要为组合字段设置任何标签宽度。如果需要，请检查标签文本的宽度，然后按如下方式设置标签宽度。

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