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

Question

我使用的是Gxt-2.2.3的组合框，在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''标签宽度'，有一个'标签宽度'为'30px'的'FormLayout'。因此，在增加到“120px”后，问题就解决了。

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

最后将“Combo Field”添加到“left”容器中，如下所示，

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