如何设置与主题颜色不同的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;
}