html - 如何在JSF Primefaces 3.3中修复pickList的CSS

当我使用质数的pickList时，我遇到了一个问题：

这是我的选择清单：

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

这是我的pickList的CSS：

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

但是CSS的素面：

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

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

最佳答案

只需在您自己的CSS文件中覆盖其CSS：

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