4

如何<p:menubar>在 Primefaces中定义背景

<p:menubar rendered="#{loginBO.flag=='admin'}" autoSubmenuDisplay="True" style="background-image: url('images/ui-bg_gloss-wave_55_5c9ccc_500x100_png.png')">
    <p:menuitem value="Home" url="/RMGHome.xhtml" icon="ui-icon-home" />
    <p:menuitem value="Filter Search" action="#{leftMenuService.getMenuList}" icon="ui-icon-search" />
</p:submenu>
4

2 回答 2

5

像这样:

.ui-menubar,.ui-menu-child,.ui-menu {
    background: #004e8e !important;
}
于 2013-09-16T17:57:44.177 回答
1

我也使用了菜单栏,并用 CSS 更改了菜单栏的背景颜色,例如:

首先,我给了一个 styleClass <p:menubar styleClass="menubar"> ,然后给它 css 选项,如下所示:

<style>
	.menubar {
	  background-color: lightblue;
	}
		
</style>
<p:menubar styleClass="menubar">
  <p:menuitem value="Main Page" url="index.xhtml" icon="ui-icon-home"></p:menuitem>
</p:menubar>

在标签中写上上述样式<head></head>标签。我希望它对你有用。

于 2015-11-30T09:03:30.827 回答