Primefaces 菜单栏的子菜单和元素宽度

Question

我的页面顶部有一个 primefaces 菜单栏，我尝试增加子菜单宽度以适应菜单项文本，但它不起作用。

这是我的菜单截图：

如何增加子菜单的宽度来修复文本。

谢谢。

Answer 1

试试这个 CSS 规则。将宽度更改为您需要的任何内容。

ul.ui-widget-content.ui-menu-list.ui-menu-child {
   width: 200px;
}

注意这会填满其他样式，例如

.ui-menubar .ui-menu-child .ui-menuitem-link {
    width: 92%;
 }

您可能也需要更改此设置。