How to change the font-color of the searchbox and page box?

frSurfer

When I use the default DataTable css, the text I type in the searchbox had white color on a white background!!!
It is the same for the number of lines per page: 10 25 50 100 are invisible.

How can I change that?

mattkyle

I put the following in my CSS, putting whatever styling you want inside each tag.

.dataTables_length {
}

Is for the top left box, show 10 entries etc..

.dataTables_filter {
}

Is for the search box top right

.dataTables_info {
}

Is for the table info on the bottom left

.dataTables_paginate {
}

is for the bottom right pagination

frSurfer

Thanks for the answer, but it didn't help!

I did this:

.dataTables_length {
color: black;
}

.dataTables_filter {
color: black;
}

mattkyle

Have you tried forcing it through with !important in the CSS ?

allan

Worth using your browser's inspector to see what styles are being applied to the elements. Right click and select "Inspect" or "Inspect element".

Allan