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流量监视器，您应该已经注意到它。罪魁祸首是<f:facet name="last"> <h:body>不受<h:head>支持。它仅由<h:body> <h:outputStylesheet library="default" name="mystyle.css" /> <p:pickList ...> ... </p:pickList> </h:body>支持，即使只有在安装PrimeFaces时也是如此。

这应该做：

{{1}}

另见：

How do I override default PrimeFaces CSS with custom styles?

更改主要选项列表的宽度

1 个答案:

另见：