title: Style Primefaces fileupload button
body: <p>I'm trying to stylize the Primefaces fileUpload control to look like a regular command button.  I've got as close as you see in the screen shot but I am unable to get the button labeled "Load" to line up with the other buttons.  I marked up my screen shot with a red arrow showing the button needs to move up a few pixels. </p>
  
  <p><img src="https://i.stack.imgur.com/AyqB8.png" alt="enter image description here"></p>
  
  <p>here is my CSS and xhtml that got me to this point. I've tried various deviations but no luck.</p>
  
  <pre><code>.ui-fileupload-buttonbar {
      margin: 0px 0px 0px 0px !important;
      padding: 0px 0px 0px 0px !important;
      border: none;
  }
  .ui-fileupload {
      margin: 0px 0px 0px 0px !important;
      padding: 0px 0px 0px 0px !important;
      display: inline-block;
      border: none;
  }
  .ui-fileupload-content {
      display: none;  
  }
  
  
  &lt;p:toolbar&gt;
      &lt;f:facet name="left"&gt;
  
          &lt;p:commandButton ajax="false" value="Save" icon="ui-icon-disk"&gt;
              &lt;p:fileDownload value="#{calculator.file}" /&gt;
          &lt;/p:commandButton&gt;
  
          &lt;p:fileUpload fileUploadListener="#{calculator.handleFileUpload}"
              label="Load" mode="advanced" update="@all" auto="true"
              sizeLimit="100000" allowTypes="/(\.|\/)(txt)$/" /&gt;
  
          &lt;p:commandButton ajax="false" value="MS Word"
              icon="ui-icon-document" action="#{calculator.Poi()}" /&gt;
  etc...
  </code></pre>