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

Question

当我使用 primefaces 的 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 的属性宽度在我的代码中不被接受。我该如何解决？

Answer 1

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

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