GWT。将主要的css样式添加到元素而不覆盖本机样式

Question

如何将CSS类添加到窗口小部件，而不是覆盖所有gwt的属性，但是只覆盖我样式中存在的那些属性？

当我使用

时

addStyleName('myCss') - 然后gwt的原生风格占主导地位，如果它们以原生GWT风格存在，我的风格不适用。

当我使用

时

setStyleName或setPrimaryStyleName然后所有本机GWT样式都会丢弃。

Answer 1

如果您希望规则中的某些样式覆盖GWT默认样式，可以在CSS规则中为它们添加!important。

示例：

.myStyle {
  border-width: 3px !important;
}

Answer 2

你正在打击特异性。以下是how specificity works的绝佳解释。

我真的建议不要使用!important规则，因为它们只会让你在宣布规则时互相跳跃。

相反，我建议使用这两个规则：

.gwt-Label.myCss {
  border-width: 3px;
}