Switch CSS di un ricco: DataScroller

Question

Voglio cambiare gli stili che il DataScroller utilizza per mostra la pagina selezionata.È possibile?

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

.

Aggiornamento

Stili predefiniti:

Stili che voglio:

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.