减少selectOneMenu jsf列表的宽度而不截断菜单项

Question

我的JSF页面上有一个selectOneMenu。我想重新排列页面上的各个字段，为此我使用style="width:150px;"属性来限制selectOneMenu列表的宽度。

这确实限制了列表的大小，并且UI看起来很好，但是当我点击列表来选择项目时，显示项目也被限制为我设置的宽度，因此被截断。

有没有办法使用哪个，我限制了折叠列表的大小但是当我展开selectOneMenu时，我看到完整的菜单项没有被截断？

Answer 1

在xhtml的标题中使用，并按照您的喜好配置以下css：

.ui-selectonemenu{width: 9.2% !important;}
.ui-selectonemenu-label{width: 100% !important;}