如何更改GWT TEXTBOX边框颜色

Question

如何更改GWT文本框的默认边框颜色。 我想这

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

，但没有运气

默认颜色金黄保留在那里，我的红色也增加了，但我需要更换默认的金黄色，红色

任何建议

感谢

Answer 1

即bydefault颜色在GWT罐子给出。所以你可以用两种方法来完成。 1.您可以应用样式表来覆盖您所应用的所有样式 2.您可以在jar中进行更改。 （不prefferable直到你没有任何选择）查询从萤火适用于它的风格，并在GWT JAR变化..很可能这将是standard.css

Answer 2

**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与因样式名称invalidEntry创建最终样式名称gwt-TextBox-invalidEntry合并的主要样式名称gwt-TextBox。

相关风格很强大，因为它们在主风格名称更改时自动更新。继续我们上面的例子，如果您要使用此调用更改文本框的主要样式名称：

someTextBox.setStylePrimaryName("myTexBox");