如何更改GWT TEXTBOX邊框顏色

Question

如何更改GWT文本框的默認邊框顏色。 我想這

.gwt-TextBox:focus { 
    border: 1px solid #FF0000; 
} 

，但沒有運氣

默認顏色金黃保留在那裏，我的紅色也增加了，但我需要更換默認的金黃色，紅色

任何建議

感謝

Answer 1

即bydefault顏色在GWT罐子給出。所以你可以用兩種方法來完成。 1.您可以應用樣式表來覆蓋您所應用的所有樣式 2.您可以在jar中進行更改。 （不prefferable直到你沒有任何選擇）查詢從螢火適用於它的風格，並在GWT JAR變化..很可能這將是standard.css

Answer 2

**Dependent styles** 

相關樣式名稱取決於主要風格名稱。當您將一個依賴樣式名稱添加到一個小部件時，GWT會將新樣式名稱與該小部件的主樣式名稱相加，並用短劃線（' - '）分隔。您可以使用addStyleDependentName(String)和removeStyleDependentName(String)方法添加或刪除相關樣式。

要了解它的工作原理，我們將通過一個簡單示例。假設您有一個TextBox小部件。如果我們沒有調用setStylePrimaryName(String)來更改它，則主要樣式名稱是gwt-TextBox。現在假設我們想要顯示文本框中的輸入無效，使用與之前相同的指示符（紅色邊框）。如果我們使用下面的代碼：

someTextBox.addStyleDependentName("invalidEntry"); 

then both of the CSS style rules below will be applied: 

$PP_OFF 
.gwt-TextBox { 
    font-size: 12pt; 
} 

.gwt-TextBox-invalidEntry { 
    border-color: red; } 
} 

當我們叫someTextBox.addStyleDependentName("invalidEntry")，GWT與因樣式名稱invalidEntry創建最終樣式名稱gwt-TextBox-invalidEntry合併的主要樣式名稱gwt-TextBox。

相關風格很強大，因爲它們在主風格名稱更改時自動更新。繼續我們上面的例子，如果您要使用此調用更改文本框的主要樣式名稱：

someTextBox.setStylePrimaryName("myTexBox");