如何設置與主題顏色不同的gwt材質元素的顏色？

Question

如何在gwt材質設計中爲不同的單選按鈕或複選框設置不同的顏色？默認情況下，這些元素的顏色如果是主題顏色。 但我想爲不同於主題顏色的元素設置顏色

Answer 1

我認爲一種解決方案是修改GWT CSS文件。

但是，您也可以使用下面的鏈接。它提供了一個關於如何樣式化GWT組件的手冊。

http://www.gwtproject.org/doc/latest/DevGuideUiCss.html

祝你好運。

Answer 2

由於GMD不提供複選框和單選按鈕顏色的設置器，您可能需要通過將以下css代碼添加到您自己的override.css中來覆蓋主題CSS文件的樣式。我在我的例子中選擇了紅色，但你應該用你想要的顏色覆蓋它。希望能幫助到你。

複選框

/*default type*/ 
[type="checkbox"]:checked + label:before { 
    border-right-color: red !important; 
    border-bottom-color: red !important; 
} 
/*filled-in type*/ 
[type="checkbox"].filled-in:checked + label:after { 
    border-color: red !important; 
    background-color: red !important; 
} 

單選按鈕

/*default type*/ 
[type="radio"]:checked + label:after { 
    border-color: red !important; 
    background-color: red !important; 
} 

/*with-gap type*/ 
[type="radio"].with-gap:checked + label:before { 
    border-color: red !important; 
} 
[type="radio"].with-gap:checked + label:after { 
    border-color: red !important; 
    background-color: red !important; 
}