更改素面選擇列表的寬度

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？