selectonemenu面板的自动宽度

Question

我有一些问题需要css工作。我不希望水平滚动条出现在面板上。有没有办法在不设置固定宽度的情况下自动调整面板宽度？我在xhtml中使用p：selectOneMenu。

.ui-selectonemenu {
    width: 158px !important;
}

.ui-selectonemenu-panel {
width: 200px;
}

Answer 1

#pageHeading, h1, img
{
    display:inline-block;
}

我有同样的问题，以这种方式修复。

Answer 2

所有块级元素都是宽度：默认为auto;

我不能确定没有jsfiddle链接会有效，但请尝试这个：

overflow: hidden;
overflow-y: scroll;

Answer 3

我通过添加以下规则解决了这个问题：

.ui-selectonemenu-list {
    margin-right: 1em;
}

在这种情况下，可能无法完全覆盖突出显示的项目，但它比滚动IMO更好。

修改

如果您从不想要水平滚动条，那么以下内容可以很好地解决问题（突出显示）：

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    padding-right: 1.5em;
}

.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
    overflow-x: hidden;
}