如何在 JSF primefaces 3.3 中修复 pickList 的 CSS答案

【问题标题】：How to fix CSS for pickList in JSF primefaces 3.3如何在 JSF primefaces 3.3 中修复 pickList 的 CSS
【发布时间】：2013-10-11 13:02:47
【问题描述】：

当我使用 pickList of primefaces 时遇到了问题：

这是我的选择列表：

<p:pickList id="pkList" value="#{func_route.cities}" var="city" itemLabel="#{city}" itemValue="#{city}" filterMatchMode="contains"  showSourceControls="true" showTargetControls="true" showSourceFilter="true" showTargetFilter="true" />

这是我的选择列表的 CSS：

.ui-picklist .ui-picklist-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 130px;
    width: 100px !important;
}

但是primefaces的CSS：

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

所以我的 CSS 的属性宽度在我的代码中不被接受。我该如何解决？

【问题讨论】：

How do I override those classes defined in primefaces.css? 的可能重复项
感谢您的帮助！
对不起，但它对我不起作用，因为在那里primefaces的属性宽度是固定的！重要，所以我不能覆盖它，其他属性我仍然正常覆盖！
显然你的 CSS 在 PrimeFaces 之后没有加载。修复加载顺序或添加自定义类。
是的，那么如何更改加载顺序？

标签： html css jsf primefaces

【解决方案1】：

只需在你自己的 css 文件中覆盖它的 css：

.ui-picklist .ui-picklist-list {
    width: 100px;
}

【讨论】：