如何更改GWT TEXTBOX边框颜色

Question

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

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

但没有运气

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

任何建议

谢谢

Answer 1

**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");