Как изменить стиль компонента -поверхности в css

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; 
} 

Мне не нужно, чтобы установить все р: selectonemenu.

спасибо

Answer 1

Я решил таким образом. В файле css не нужно указывать .ui-selectonemenu.

.aderentestyle { 
width: 300px !important; 
}