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

【问题标题】：Vaadin: Dynamically change a textfield's background colorVaadin：动态更改文本字段的背景颜色
【发布时间】：2013-07-03 13:14:32
【问题描述】：

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

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

【问题讨论】：

标签： java vaadin

【解决方案1】：

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

有了这个内容：

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

.my_bg_style {
     background: #99EE6B;  
}

在你的初始化方法中：

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

【讨论】：

【解决方案2】：

这里是示例

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

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

【讨论】：