Mudar CSS de um rich:datascroller

Question

Quero mudar os estilos que o datascroller usa para mostrar a página selecionada.É possível?

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

ATUALIZAR

Estilos padrão:

Estilos que eu quero:

Answer 1

sobrepor .rf-ds-act classe de richfaces para o que você quiser..

se isso não for suficiente, clique com o botão direito do mouse no componente scroller e clique em inspecionar o elemento usando o firebug, você obterá qual css substituir.