如何在 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;
}