css - 如何更改 GWT TEXTBOX 边框颜色

Question

如何更改 GWT 文本框的默认边框颜色。 我试过了

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