更改素面选择列表的宽度

Question

我想更改我的选择列表的宽度，而不是在primefaces.css中使用默认宽度，但我尝试过此操作，但它不起作用。

<h:body>
    <f:facet name="last">
        <h:outputStylesheet library="default" name="mystyle.css" />
    </f:facet>
    <p:pickList ...>
       ...
    </p:picklist>
</h:body>

在mystyle.css中，我只有以下内容：

.ui-picklist .ui-picklist-list{
    width:400px !important;
}

Answer 1

您的CSS显然从未加载过。 如果您已经检查了生成的HTML输出和/或HTTP流量监视器，则应该已经注意到它。 罪魁祸首是<h:body>不支持的<f:facet name="last"> <h:body> 。 <h:head>仅支持此功能，即使安装了PrimeFaces也是如此。

应该这样做：

<h:body>
    <h:outputStylesheet library="default" name="mystyle.css" />

    <p:pickList ...>
       ...
    </p:pickList>
</h:body>

也可以看看：

• 如何使用自定义样式覆盖默认的PrimeFaces CSS？