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