Question

如何更改GWT默认列表框的样式。以某种方式，我的应用程序中的每个列表框都会改变。

不应该这样吗？

 .gwt-ListBox{
color: red !important;

}

感谢。

Answer 1

如果你想以编程方式做到这一点，那么我就是这样做的。

在这个特定的代码片段中，我设置了一个背景颜色列表框中的特定项目（名为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");  
              }                   
            }
          }           
       }

如果这对你有用，请点击！

Answer 2

............................................... ...

嗨，现在这样写完

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

}


.gwt-ListBox{
color: red !important;

}

的 Demo 的

其次是

定义您的body id

就像这样

<强> HTML

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

<强>的CSS

#someid .gwt-ListBox{ color:green !important; }

Answer 3

如果您要更改所有列表，请将其添加到CSS文件中，如您在问题中所述：

select {
    color: red !important;
}

如何更改我的GWT列表框样式

3 个答案: