css - 如何在 CSS 中更改 primefaces 组件的样式

Question

我需要更改 p:selectonemenu 中的宽度，我想在 css 中进行。

我尝试了以下方法，但不起作用：

<p:selectOneMenu id="aderenteMenu" required="true"
                            requiredMessage="Aderente obbligatorio" styleClass="aderentestyle" 
                            value="#{garaManagedBean.selectedGara.aderente.id}">
      <f:selectItems value="#{garaManagedBean.listaAderenti}" />                    
</p:selectOneMenu>

在css文件中我有：

.aderentestyle .ui-selectonemenu {
    width: 300px !important;
}

我不需要设置所有 p:selectonemenu。

谢谢

Answer 1

我是这样解决的。css 文件不需要指定 .ui-selectonemenu。

.aderentestyle {
width: 300px !important;
}