title: How to change style of primefaces component in css
body: <p>I need to change the width in p:selectonemenu and i'd like to do it in css.</p>
  
  <p>I tried the following, but doesn't work:</p>
  
  <pre><code>&lt;p:selectOneMenu id="aderenteMenu" required="true"
                              requiredMessage="Aderente obbligatorio" styleClass="aderentestyle" 
                              value="#{garaManagedBean.selectedGara.aderente.id}"&gt;
        &lt;f:selectItems value="#{garaManagedBean.listaAderenti}" /&gt;                    
  &lt;/p:selectOneMenu&gt;
  </code></pre>
  
  <p>In css file i have:</p>
  
  <pre><code>.aderentestyle .ui-selectonemenu {
      width: 300px !important;
  }
  </code></pre>
  
  <p>I don't need to set all p:selectonemenu.</p>
  
  <p>Thanks</p>