title: Switch CSS of a rich:datascroller
body: <p>I wanna switch the styles the datascroller uses to shows the selected page. Is it possible?</p>
  
  <pre><code>&lt;f:facet name="footer"&gt;
      &lt;a4j:form&gt;        
          &lt;rich:datascroller styleClass="wrap-paginacao" for="estabelecimentoGrid" boundaryControls="hide" stepControls="show"  fastControls="hide"  &gt;
              &lt;f:facet name="previous"&gt;
                  &lt;h:graphicImage value="/home/img/previous.png"/&gt;
              &lt;/f:facet&gt;
  
              &lt;f:facet name="next"&gt;
                  &lt;h:graphicImage value="/home/img/next.png"/&gt;
              &lt;/f:facet&gt;
          &lt;/rich:datascroller&gt;
      &lt;/a4j:form&gt;  
  &lt;/f:facet&gt;
  </code></pre>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Default styles:</p>
  
  <p><img src="https://i.stack.imgur.com/YnFyr.png" alt="Default"></p>
  
  <p>Styles I want:</p>
  
  <p><img src="https://i.stack.imgur.com/zmDwb.png" alt="What I Want"></p>