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