具有过滤器宽度的 PrimeFaces SelectOneMenu 不正确答案

【问题标题】：PrimeFaces SelectOneMenu with Filter Width is not coming correct具有过滤器宽度的 PrimeFaces SelectOneMenu 不正确
【发布时间】：2014-04-05 22:59:07
【问题描述】：

在我的 facelet 中，我有一个 selectOneMenu 我想在其中应用过滤器。过滤器按预期工作。唯一的问题是过滤器的宽度与父级不匹配。

以下是我在 facelet 中所做的：

<p:selectOneMenu id="state" filter="true"
    filterMatchMode="startsWith" 
    value="#{manageEmployeeInfoBean.selectedState}">
        <f:selectItem itemLabel="Select One" itemValue=""
             noSelectionOption="true" />
        <f:selectItems
             value="#{manageEmployeeInfoBean.availableStates}"
             var="aState" itemLabel="#{aState}"
             itemValue="#{aState}" />
</p:selectOneMenu>

截图如下：

如您所见，它看起来很奇怪。如何根据父级设置过滤器的宽度？

【问题讨论】：

标签： css jsf primefaces selectonemenu

【解决方案1】：

将此添加到您的 css 文件中

.ui-selectonemenu-filter-container {
    width: 98% !important;
}

如果您不想要任何填充，则为 100%

【讨论】：