Switch CSS d'un riche: DataScroller

Question

Je veux changer les styles utilisés par DataScroller pour afficher la page sélectionnée.Est-ce possible?

<f:facet name="footer">
    <a4j:form>        
        <rich:datascroller styleClass="wrap-paginacao" for="estabelecimentoGrid" boundaryControls="hide" stepControls="show"  fastControls="hide"  >
            <f:facet name="previous">
                <h:graphicImage value="/home/img/previous.png"/>
            </f:facet>

            <f:facet name="next">
                <h:graphicImage value="/home/img/next.png"/>
            </f:facet>
        </rich:datascroller>
    </a4j:form>  
</f:facet>

mise à jour

styles par défaut:

styles que je veux:

Answer 1

override .rf-ds-act class of richfaces to whatever you want..

if this does not suffice you right click scroller component and click on inspect element using firebug you will get which css to override.