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

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

Hi now do this over write 

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

}


.gwt-ListBox{
color: red !important;

}

Demo

Second is

Define your body id

as like this

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 回答