Javascript dom:';Bfrtip';如何更改搜索和表格信息的颜色

Javascript dom:';Bfrtip';如何更改搜索和表格信息的颜色,javascript,jquery,colors,Javascript,Jquery,Colors,我有这个脚本,可以将打印和导出按钮添加到我的表中。此外,每列下都有搜索框,表下有“表信息摘要”和“分页控件”(见图)。 由于使用深色背景,我需要将表信息摘要和分页控件颜色更改为白色(图像中突出显示的文本)。那么我如何更改dom:“ip”颜色 $(document).ready(function() { $('#example').DataTable({ deferRender: true, responsive: true, dom: 'Bfrtip', orde

我有这个脚本,可以将打印和导出按钮添加到我的表中。此外,每列下都有搜索框,表下有“表信息摘要”和“分页控件”(见图)。 由于使用深色背景,我需要将表信息摘要和分页控件颜色更改为白色(图像中突出显示的文本)。那么我如何更改dom:“ip”颜色

$(document).ready(function() {
$('#example').DataTable({
    deferRender: true,
    responsive: true,
    dom: 'Bfrtip',
    ordering: false, // false to disable sorting (or any other option)
    buttons: [
        { extend: "print", text: ' Stampa', className: 'btn btn-warning glyphicon glyphicon-print', footer: true,
            customize: function(win)
            {
 
                var last = null;
                var current = null;
                var bod = [];
 
                var css = '@page { size: landscape; }', // Stampa in orizzontale
                    head = win.document.head || win.document.getElementsByTagName('head')[0],
                    style = win.document.createElement('style');
 
                style.type = 'text/css';
                style.media = 'print';
 
                if (style.styleSheet)
                {
                  style.styleSheet.cssText = css;
                }
                else
                {
                  style.appendChild(win.document.createTextNode(css));
                }
 
                head.appendChild(style);
            }
        },  
        { extend: 'excelHtml5', text: ' Esporta Excel', className: 'btn btn-danger glyphicon glyphicon-list-alt', footer: true  },            
        { extend: 'pdfHtml5', text: ' Esporta PDF', orientation: 'landscape', className: 'btn btn-primary glyphicon glyphicon-file', footer: true  }
    ],
    /*"language": {
    "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Italian.json"
    }*/
});     
$('.dataTables_length').addClass('bs-select');

// Setup - add a text input to each footer cell
$('#example tfoot th').each( function () {
    var title = $(this).text();
    $(this).html( '<input type="text" placeholder="'+title+'" />' );
} );

// DataTable
var table = $('#example').DataTable();

// Apply the search
table.columns().every( function () {
    var that = this;

    $( 'input', this.footer() ).on( 'keyup change clear', function () {
        if ( that.search() !== this.value ) {
            that
                .search( this.value )
                .draw();
        }
    } );
} );
});
$(文档).ready(函数(){
$('#示例')。数据表({
是的,
回答:是的,
dom:'Bfrtip',
排序:false,//false禁用排序(或任何其他选项)
按钮:[
{扩展:“打印”,文本:“Stampa”,类名:“btn btn警告图示符图标打印”,页脚:true,
自定义:功能(win)
{
var last=null;
无功电流=零;
var bod=[];
var css='@page{size:scape;}',//orizzontale中的Stampa
head=win.document.head | | win.document.getElementsByTagName('head')[0],
style=win.document.createElement('style');
style.type='text/css';
style.media='print';
if(style.styleSheet)
{
style.styleSheet.cssText=css;
}
其他的
{
appendChild(win.document.createTextNode(css));
}
头。附属物(样式);
}
},  
{extend:'excelHtml5',text:'Esporta Excel',className:'btn btn danger glyphion list alt',footer:true},
{扩展:'pdfHtml5',文本:'Esporta PDF',方向:'landscape',类名:'btn btn primary glyphion file',页脚:true}
],
/*“语言”:{
“url”:”//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/意大利语.json”
}*/
});     
$('.dataTables_length').addClass('bs-select');
//设置-向每个页脚单元格添加文本输入
$('#示例tfoot th')。每个(函数(){
var title=$(this.text();
$(this.html(“”);
} );
//数据表
变量表=$(“#示例”).DataTable();
//应用搜索
table.columns().every(函数(){
var=这个;
$('input',this.footer()).on('keyup change clear',函数(){
如果(that.search()!==this.value){
那个
.search(this.value)
.draw();
}
} );
} );
});