Question

我有一个gwt应用程序，我需要为特定的小部件应用自定义主题，所以我可以在gwt.xml文件中维护标准gwt CSS（对于我不需要应用css的其他小部件）： / p>

<inherits name='com.google.gwt.user.theme.standard.Standard'/>

我在我的应用中使用ClientBundle和CssResource方法。我已经应用了简单的css但是我需要创建一个能够应用css的css：选择和未选中，悬停和推送事件/动作在窗口小部件上，就像标准gwt css提供的那样。

在我的css文件中写什么，以便在我应用时对于MenuBar：

ManuBar menuBar = new MenuBar(false); 
menuBar.setStyleName(AppResources.INSTANCE.css().menuBar())

我将获得与gwt的标准MenuBar css相同的MenuBar效果？使用下面的App.css，我只得到一个黑色的菜单栏，菜单栏的字体颜色没有变化，我认为有一种适当的方法来应用带有gwt小部件的css，但是我找不到一个关于这个的好资源在网上。我想要完成的是能够将菜单栏颜色主题更改为黑色，铬色或任何颜色，但仍然使小部件看起来像真正的菜单栏。

App.css：

.menuBar {
    background:#3c3b37;
    font-weight:bold;
    color:#FFFFFF;
    font-size:10px;
}

Answer 1

我有一种感觉，当我们忘记在CssResource上致电ensureInjected时，我们可能会遇到很多问题。 CSS从未被添加到页面中，因此看起来它不起作用。

AppResources.INSTANCE.css().ensureInjected();

Answer 2

为什么不尝试使用menuBar.setStyleName（“menuBar”）;我相信这会奏效。

如何使用GWT组件应用合适的CSS？

2 个答案: