jQuery / DataTables: comment faire pour modifier la pagination de la couleur

Je suis à l'aide de jQuery DataTables plugin (version 1.9.4) et souhaite changer la couleur de la pagination.

Avec CSS je suis en mesure de changer leur couleur de fond mais je ne pourrais pas trouver un moyen de changer la couleur de police et la police hover couleur pour l'ancrage des balises. Je voudrais changer à la fois la couleur de la police et de pointer la couleur de la police pour tous les ci-dessous d'ancrage des balises pour le blanc (#FFFFFF).

La pagination code se présente comme suit:

<div id="myTable_paginate" class="dataTables_paginate paging_full_numbers">
    <a id="myTable_first" class="first paginate_button paginate_button_disabled" tabindex="0">First</a>
    <a id="myTable_previous" class="previous paginate_button paginate_button_disabled" tabindex="0">Previous</a>
    <span>
        <a class="paginate_active" tabindex="0">1</a>
        <a class="paginate_button" tabindex="0">2</a>
    </span>
    <a id="myTable_next" class="next paginate_button" tabindex="0">Next</a>
    <a id="myTable_last" class="last paginate_button" tabindex="0">Last</a>
</div>

Merci pour toute aide à ce sujet, Tim.

inspecter chaque élément dans le navigateur de la console , on peut voir de toutes les règles qui s'appliquent et de vivre les modifier. Trouver ce qui fonctionne et de copie de fichier
Merci - comment dois-je faire ?

OriginalL'auteur user2571510 | 2013-11-24

  1. 5

    Peut-être que vous manquez le !important déclaration? Dans ce cas, il est en effet important.

    .paging_full_numbers a.paginate_button {
    color: #fff !important;
}
.paging_full_numbers a.paginate_active {
    color: #fff !important;
}

    jsfiddle -> http://jsfiddle.net/CrBkT/

    Génial - je n'aurais jamais pensé à ça, et ça fonctionne. Merci beaucoup ! 🙂

    OriginalL'auteur davidkonrad

  2. 0

    Une autre réponse est ici: 

    $.fn.dataTable.ext.classes.sPageButton = 'your class';

    OriginalL'auteur Mohsen

  3. 0

    après un peu de vous embêter c'est ce que j'ai eu à travailler;

        .page-item.active .page-link {
        color: #fff !important;
        background-color: #000 !important;
        border-color: #000 !important; 
    }

    .page-link {
        color: #000 !important;
        background-color: #fff !important;
        border: 1px solid #dee2e6 !important; 
    }

    .page-link:hover {
        color: #fff !important;
        background-color: #000 !important;
        border-color: #000 !important; 
    }

    OriginalL'auteur Scott M