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

Question

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

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

Answer 1

以下是样本

.v-textfield-dashing     
{    
    border:     thin dashed;    
    background: white; /* Has shading image by default */    
}

您将在此链接上获得的详细信息。 https://vaadin.com/book/-/page/components.textfield.html

如果您想动态更改文本字段颜色，那么您将获得以下链接上的内容 https://vaadin.com/wiki/-/wiki/Main/Dynamically%20injecting%20CSS

Answer 2

在你的战争中（如果你使用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");