jQuery / DataTables:如何更改分页颜色

I am using the jQuery DataTables plugin (version 1.9.4) and would like to change the color of the pagination.

我正在使用jQuery DataTables插件(版本1.9.4)，并希望更改分页的颜色。

With CSS I am able to change their background color but I couldnt find a way to change the font color and font hover color for the anchor tags. I would like to change both font color and hover font color for all the below anchor tags to white (#FFFFFF).

有了CSS，我可以改变它们的背景颜色，但是我找不到改变锚标记的字体颜色和字体悬停颜色的方法。我想将下面所有锚标记的字体颜色和悬浮字体颜色都更改为白色(# ffffffff)。

The pagination code looks as follows:

分页代码如下:

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

Thanks for any help with this, Tim.

谢谢你的帮助，蒂姆。

1 个解决方案

#1

Maybe you miss the !important declaration? In this case it is indeed important.

也许你错过了重要的宣言?在这种情况下，这确实很重要。

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

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

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

#1