Vaadin：动态更改文本字段的背景颜色

Question

如何动态更改文本字段的视觉属性，例如背景颜色？

一个示例可能是在验证期间根据输入的值修改背景颜色。

Answer 1

在你的战争中（如果你使用 ecilpse，这将在 WebContent 中）在这个路径中有一个文件 VAADIN/themes/customrunno/styles.css （假设你使用 runno 作为你的主题）

有了这个内容：

@import url(../runo/styles.css);

.my_bg_style {
     background: #99EE6B;  
}

在您的 init 方法中：

setTheme("customruno"); // same as the folder folder under VAADIN/themes

更改您的文本字段背景：

textField.addStyleName("my_bg_style"); // same as in styles.css

删除样式只需执行以下操作：

textField.removeStyleName("my_bg_style");