2016-02-25 33 views
0

我使用了Datatables,我想將分頁自定義爲我想匹配頁面主題的顏色。使用Datatables自定義分頁

enter image description here

這是默認的視圖。

我已經嘗試了不同的方法,例如使用在數據表中完成的相同類並使用!important。它的工作,但沒有表明我打算做什麼。

我想要什麼活躍的時候,也當在:hover狀態:

  • 背景色:黑色;
  • 顏色:白色;

非常感謝您的幫助!

回答

1

下面放CSS在你的風格

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{ 
    background: rgba(0,0,0,1) !important; 
    color:#fff !important; 
} 
+0

背景色工作,但沒有任何顏色。 – kcNeko

+0

檢查您是否已將!重要的顏色屬性添加到其他位置。如果您使用的是firefox和firebug,那麼您可以檢查該元素並檢查計算選項卡,哪個類實際上負責該顏色。 – Mitali

+0

是的,我加了!重要的。但是我在datatable.css文件中看到。它有顏色:黑色!重要。 – kcNeko