GWT. Добавить доминантный стиль CSS к элементу без переопределения нативного стиля

Question

Как добавить класс CSS в виджет, не переопределяя ВСЕ атрибуты gwt, но переопределяя только те атрибуты, которые существуют в моем стиле?

Когда я использую

addStyleName('myCss') - тогда собственные стили gwt являются доминирующими, и мои стили не применяются, если они существуют в собственном стиле GWT ..

КогдаЯ использую

setStyleName или setPrimaryStyleName, тогда все собственные стили GWT отбрасываются.

Answer 1

Если вы хотите, чтобы некоторые стили из правила переопределяли стили GWT по умолчанию, вы можете добавить к ним !important в своем правиле CSS.

Пример:

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

Answer 2

Вы боретесь со спецификой. Вот отличное объяснение , как работает специфичность .

Я действительно рекомендую против !important правил, поскольку они просто заставляют вас обгонять друг друга при объявлении правил.

Вместо этого я бы рекомендовал использовать оба правила следующим образом:

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