1

GWTのデフォルトのリストボックスのスタイルを変更するにはどうすればよいですか。私のアプリケーションのすべてのリストボックスが変わるように。

これはうまくいかないのですか？

 .gwt-ListBox{
color: red !important;

}

ありがとう。

4

3 に答える 3

2

これをプログラムで実行したい場合は、これが私がそれを達成した方法です。

この特定のコードスニペットでは、リストボックス内の特定のアイテム（ABCという名前のアイテム）の背景色を赤に設定しました。

しかし、あなたはその考えを理解します。オプション要素があれば、好きなように行うことができます。

---リストボックスを作成して入力します

ListBox listBox;
listBox.addItem("123");
listBox.addItem("ABC");

-特定のアイテムのスタイルを設定する方法は次のとおりです...

NodeList<Node> children = listBox.getElement().getChildNodes();       
    for (int i = 0; i< children.getLength();i++) {
      Node child = children.getItem(i);
        if (child.getNodeType()==Node.ELEMENT_NODE) {
          if (child instanceof OptionElement) {
            OptionElement optionElement = (OptionElement) child;
              if (optionElement.getValue().equals("ABC")) {
                 optionElement.getStyle().setBackgroundColor("red");  
              }                   
            }
          }           
       }

これがあなたのために働くかどうかのようにヒットしてください！

于 2013-03-12T11:31:44.683 に答える
0

.................................................。

こんにちは今これを上書きします 

   body .gwt-ListBox{
color: green !important;

}


.gwt-ListBox{
color: red !important;

}

デモ

2番目は

あなたの定義body id

このように

html

<body id="someid">
<div class="gwt-ListBox">
some text
</div>

</body>

Css

#someid .gwt-ListBox{
color:green !important;
}
于 2012-09-13T10:08:00.517 に答える
0

質問で述べたように、すべてのリストを変更する場合は、これをCSSファイルに追加します。

select {
    color: red !important;
}
于 2012-09-13T13:47:42.243 に答える