在Primefaces中,可以使用以下CSS代码来增加子菜单的宽度:
.ui-menu-child {
width: 200px !important;
}
将上面的代码添加到CSS文件中即可。如果希望应用于所有的菜单,可以将CSS代码添加到全局样式表中。
此外,还可以使用Primefaces提供的“style”属性来对特定菜单进行设置:
<p:submenu label="SubMenu" style="width: 200px;">
<p:menuitem value="Item 1" />
<p:menuitem value="Item 2" />
</p:submenu>
以上代码将会创建一个子菜单,宽度为200像素。
值得注意的是,如果在样式表中设置子菜单的宽度,需要使用“!important”关键字来确保样式的优先级。