java - 如何从代码访问 MenuBar 的 CSS 样式规则 - GWT

Question

有没有一种方法可以编辑自定义的 css 类来启用这些 css 样式规则 http://www.gwtproject.org/javadoc/latest/com/google/gwt/user/client/ui/MenuBar.html

我目前通过如下代码创建了我的 MenuBar:

        MenuBar menuButton = new MenuBar();         
        menuButton.addStyleName(masterPanel.getmenuBar());

使用接口(interface)获取css类:

interface Style extends CssResource {
        String menuBar();
        String action();
    }

我有一个只能编辑我的菜单栏的 css 类:

.menuBar {
cursor: default; 
text-align: center;
background: transparent;
border: none;
color: white;
text-shadow: none;
font-size: 16px;    
}

有没有办法让我访问像这样的样式:

.gwt-MenuBar-horizontal
.gwt-MenuBar-vertical
.gwt-MenuBar .gwt-MenuItem
.gwt-MenuBar .gwt-MenuItem-selected
.gwt-MenuBar .gwt-MenuItemSeparator
.gwt-MenuBar .gwt-MenuItemSeparator .menuSeparatorInner
.gwt-MenuBarPopup .menuPopupTopLeft

Answer 1

首先，我将您的 css 片段添加到元素的 .css 中，并使用 menuButton.setStyleName("menuBar") 将其添加到菜单栏。然后我将以下内容添加到元素 css 类中(作为示例):

.gwt-MenuItem-selected 
{
color:red !important; 
}

现在第一个 menuBar 样式已启用，附加样式也已设置。有必要使用 !important 来覆盖默认属性。