jQuery / DataTables：如何更改分頁顏色

Question

我正在使用 jQuery DataTables 插件（版本 1.9.4）並想更改分頁的顏色。

使用 CSS，我可以更改它們的背景顏色，但我找不到更改錨標記的字體顏色和字體懸停顏色的方法。 我想將以下所有錨標記的字體顏色和懸停字體顏色更改為白色（#FFFFFF）。

分頁代碼如下所示：

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

感謝您對此的任何幫助，蒂姆。

Answer 1

也許你錯過了!important聲明？ 在這種情況下，它確實很重要。

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

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

Answer 2

經過一番混亂之后，我開始工作了；

    .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; 
    }

Answer 3

另一個答案在這里：

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