html - 更改素面选择列表的宽度

我想更改选择列表的宽度，而不是在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;
}

最佳答案

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

应该这样做：

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

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

也可以看看：


How do I override default PrimeFaces CSS with custom styles?