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

在你的战争的内容（这将是内部的WebContent如果您正在使用ecilpse）有一个文件，此路径VAADIN /主题/ customrunno/Styles.css中（asuming您使用runno为您的主题）

有了这个内容：

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

.my_bg_style { 
    background: #99EE6B; 
} 

在你的init方法具d：

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