GWT库覆盖默认主题

Question

当前，我的GWT应用使用默认的CSS样式（“ com.google.gwt.user.theme.clean.Clean”）。 当我添加了gwt-gantt库时，许多样式的GWT组件（即CellTable等）都已被覆盖。 是否可以使用此库而不会丢失默认主题？

Answer 1

GWT-gantt似乎没有得到维持，最新的更改是在3年前。

我强烈建议您使用JSInterop与pick any JS gantt library and进行交互。这样，您将拥有更多的库选择，并且没有样式问题。

我知道这并不能真正回答您的问题，但是从长远来看，我相信采用这种方法会更好。

Answer 2

如果gwt-gantt在其组件中使用与GWT组件相同的css样式名称，则可能会发生这种情况。

例如，GWT CellTable使用“ .cellTableEvenRow”作为其CSS样式名称之一。如果gwt-gantt使用相同的CSS样式名称，则默认CSS样式会受到影响。

因此，请检查gwt-gantt是否使用GWT使用的任何CSS样式名称。

Answer 3

在gwt-gantt中使用的css样式名称中添加css样式名称。此解决方案要求您查看gwt-gantt的CSS源代码。 例如： （1）假设gwt-gantt使用“ gwt-Button”作为其CSS样式。以gantt的CSS样式将“ gantt”添加到“ gwt-Button”：

.gantt .gwt-Button{ 
/*CSS style used by gwt-gantt component*/
}

（2）在元素中添加“甘特图”以封闭甘特图组件：

<div class="gantt">

<gantt:component>
</gantt:component>

</div>

此方法将导致gwt-gantt css样式仅适用于gantt：component，不适用于gwt component

Answer 4

如果甘特图组件使用其他方法添加样式，则会发生这种情况。检查有关如何将CSS样式添加到组件的html源代码：

（1）<div class="stylename"></div>

（2）<div class="stylename" style="width:50% !important;"></div>