css – PrimeFaces p:selectOneMenu width

前端之家收集整理的这篇文章主要介绍了css – PrimeFaces p:selectOneMenu width前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望p:selectOneMenu宽度是自动关于父单元格而不是它的值.
<p:panelGrid>
    <p:row>
        <p:column><p:outputLabel value="Value01" for="idInput01"/></p:column>
        <p:column><p:inputText  value="#{bean.input01}" id="idInput01" /></p:column>
        <p:column><p:outputLabel value="Value02" for="idSelect" /></p:column>
        <p:column>
            <p:selectOneMenu value="#{bean.selectedObject}" id="idSelect" converter="objectConverter">
                <f:selectItems value="#{bean.objectsList}" var="varObject" itemLabel="#{varObject.label}" itemValue="#{varObject}" />
            </p:selectOneMenu>
        </p:column>
    </p:row>
</p:panelGrid>

我得到了什么:

我期待的是:

注意:我不想指定固定宽度.

解决方法

我将.ui-selectonemenu,.ui-selectonemenu-label覆盖为:
.ui-selectonemenu{
     width: 100% !important;
}
.ui-selectonemenu-label{
     width: 100% !important;
}

猜你在找的CSS相关文章