在Firefox和safari中，Gxt组合框选择箭头没有正确对齐
我正在使用Gxt-2.2.3的combox框，当它在IE7中渲染时，对齐没有问题，但是当涉及到Firefox-4.0.1时，会出现一些选择箭头对齐问题，如下所示。
通过跑应用程序是萤火虫模式，知道有一些默认样式适用于这个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);
这个问题是因为'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));
上一篇: Gxt combo box selection arrow is not properly aligned in firefox and safari