如何更改GWT TEXTBOX边框颜色

时间:2012-03-24 09:21:11

标签: css gwt

如何更改GWT TextBox的默认边框颜色。 我试过这个

.gwt-TextBox:focus {  
    border: 1px solid #FF0000;
}

但没有运气

默认的金色颜色保留在那里,我的红色也加了,但我需要用红色替换那个默认的金色颜色

任何建议

由于

2 个答案:

答案 0 :(得分:5)

**Dependent styles**

依赖样式名称取决于主样式名称。向窗口小部件添加依赖样式名称时,GWT将在新样式名称前添加窗口小部件的主样式名称,并用短划线(' - ')分隔。您可以使用addStyleDependentName(String)removeStyleDependentName(String)方法添加或删除相关样式。

要了解其工作原理,我们将介绍一个简单的示例。假设你有一个TextBox小部件。如果我们没有调用setStylePrimaryName(String)来更改它,则主要样式名称为gwt-TextBox。现在假设我们想要显示文本框中的输入无效,使用与之前相同的指示符(红色边框)。如果我们使用以下代码:

someTextBox.addStyleDependentName("invalidEntry");

then both of the CSS style rules below will be applied:

$PP_OFF
.gwt-TextBox {
  font-size: 12pt;
}

.gwt-TextBox-invalidEntry {
  border-color: red; } 
}

当我们调用someTextBox.addStyleDependentName("invalidEntry")时,GWT将主要样式名称gwt-TextBox与依赖样式名称invalidEntry合并,以创建最终样式名称gwt-TextBox-invalidEntry

依赖样式功能强大,因为只要主样式名称发生更改,它们就会自动更新。继续上面的示例,如果您要使用此调用更改文本框的主要样式名称:

someTextBox.setStylePrimaryName("myTexBox");

答案 1 :(得分:0)

这是gwt jar中给出的默认颜色。所以你可以做到这一点。 1.您应用样式表将覆盖您应用的所有样式 你可以在罐子里做出改变。 (除非你没有任何选择,否则不会令人满意)从firebug中找到适用它的样式并在gwt jar中进行更改..最有可能是standard.css