スタイルをGWT ComboBoxアイテムに設定する

Question

いくつかのcomboBox要素の色を変更する必要があります。私はこのトピックを読む： Set style to GWT ListBox items

しかし、それは同じではありません。私はこれを実装しようとするので：最初のラインコンパイラで

SelectElement selectElement = SelectElement.as(combo.getElement()); 
     NodeList<OptionElement> options = selectElement.getOptions(); 

     for (int i = 0; i < options.getLength(); i++) { 
       options.getItem(i).getStyle().setColor("#FF0000"); 
     } 

をエラーを返します：java.lang.AssertionError: null

私は色を変更する働かがないと考え始めた、あるいは私が間違っていますか？

---

結果は、このボルボオプションようにする必要があります：http://bustas.lrytas.lt/nekilnojamasis-turtas/geda-vilniaus-merams-ne-vienas-neissprendzia-opiausios-bedos.htm

Answer 1

私はあなたがSelectElementのスタイルを.setClassName（ "my_css_class"）を使用することができると信じています。あなたはまた、CSSを使ってスタイリングに多くの情報を見つけるでしょう

.styled-select select { 
    background: transparent; 
    width: 268px; 
    padding: 5px; 
    font-size: 16px; 
    line-height: 1; 
    border: 0; 
    border-radius: 0; 
    height: 34px; 
    } 

：

は、あなたのHTMLにこのような何かをCSSを追加します。

他のGWTウィジェット、つまりリストボックスを使用している場合は、.setStyleName（ "my_class_name"）を使用できます。 GWT ListBoxをSelectElementにラップしてスタイルを設定することもできます。 https://bavotasan.com/2011/style-select-box-using-only-css/

EDIT：

ListBox listBox = ListBox.wrap(mySelectElement); 
listBox.setStyleName("my_css_class"); 

は、より多くのためにここを参照してくださいここにCSSスタイル]ドロップダウンボックスを使用するためのいくつかの優れた例：How to style a <select> dropdown with CSS only without JavaScript?

EDITドロップダウンボックスの2カスタムスタイリングを

ListBoxまたはドロップダウンボックスの個々の項目のスタイルを設定します。

CSS：

.selectbox { 
     border: 3px; 
     border-radius: 5px; 
     padding: 4px; 
     background-color: #44f; 
    } 
    .optioncss { 
     background-color: #888; 
    } 

例えばHTML選択項目

<select id="selectbox" class="selectbox"> 
     <option>Option 1</option> 
     <option>Option 2</option> 
     <option>Option 3</option> 
     <option>Option 4</option> 
    </select> 

GWTのクライアントコード項目の助けを

ListBox select = ListBox.wrap(RootPanel.get("selectbox").getElement()); 
    SelectElement elem = (SelectElement)select.getElement().cast(); 
    elem.getOptions().getItem(0).setDisabled(true); 
    elem.getOptions().getItem(1).setClassName("optioncss")