組合框選擇箭頭被移位

Question

每個組合框的箭頭在所有瀏覽器中都被移位（我試過firefox，chrome，opera）。有人知道問題可能是什麼嗎？任何幫助表示讚賞。

見http://www.sencha.com/forum/showthread.php?168487-ComboBox-selection-arrow-is-displaced&p=703835進一步的細節，這個問題（作爲即時通訊目前不能在這裏上傳截圖。）

參見下面的代碼導致問題。

public class MyApp implements EntryPoint { 
@Override 
public void onModuleLoad() { 
    LayoutContainer container = new LayoutContainer(); 

    final SimpleComboBox<String> combo = new SimpleComboBox<String>(); 
    combo.setEmptyText("Select an item..."); 
    combo.setDisplayField("item"); 
    combo.setWidth(150); 
    combo.setTriggerAction(TriggerAction.ALL); 
    combo.add("Value1"); 
    combo.add("Value2"); 
    container.add(combo); 
    container.setBorders(true); 
    container.layout(); 
    RootPanel.get().add(container); 
} 

}

Answer 1

好吧，我發現爲什麼發生這種情況。我在我的項目中使用了Maven GWT插件，因此我使用這個插件來生成原型。我有一個自動生成的MyApp.css文件，以便引入自定義CSS佈局。但是，我從來沒有看過那個CSS文件。這個生成的css文件包含了其他所有圖像的頂部邊緣。當然這個差距導致了這個問題。我認爲這個線程可以關閉。

img { 
    margin-top: 20px 
}