Pagination css problem

tinkdinkphiu

I have this as my css to the table to manage the hover action, but only the paginate_button with the disabled class works normally, the others just have something off not working normally, this also happen to the dataTables_length. Please help

.dataTables_paginate .paginate_button:hover {
background-color: #64A759 !important;
color: #fff;
}

.dataTables_paginate .paginate_button.current {
background-color: #C4F9D8 !important;
border: none !important;
}

allan

Use:

.dataTables_paginate .paginate_button:hover {
  background: #64A759 !important;
  color: #fff;
}

Example: https://live.datatables.net/tuhizeho/1/edit .

DataTables uses background for the hover, so your background-color was being "overwritten".

Allan

tinkdinkphiu

very great thank you