Jquery DataTable分页页面所选颜色
我使用的是Ajax Datatable,当我选择一个页面时,我需要一个css,当任何页面选择的背景颜色都应该改变时,而不仅仅是鼠标悬停或活动。我怎么能做到这一点。这是我的css代码,不是我想要的Jquery DataTable分页页面所选颜色,jquery,html,css,jquery-ui,datatables,Jquery,Html,Css,Jquery Ui,Datatables,我使用的是Ajax Datatable,当我选择一个页面时,我需要一个css,当任何页面选择的背景颜色都应该改变时,而不仅仅是鼠标悬停或活动。我怎么能做到这一点。这是我的css代码,不是我想要的 .dataTables_paginate :active { background-color: blue; } 请注意,它只适用于页面点击。我想我现在的页面应该是不同的颜色。提前谢谢 这是我的数据表代码 function LoadPaging() { $('#tbl
.dataTables_paginate :active {
background-color: blue;
}
请注意,它只适用于页面点击。我想我现在的页面应该是不同的颜色。提前谢谢
这是我的数据表代码
function LoadPaging() {
$('#tblChannalList').DataTable({
"searching": false,
"lengthChange": false,
"bInfo": false,
"iDisplayLength": 5,
"showNEntries": false,
"dom": '<"top"i>rt<"bottom"flp><"clear">'
//"dom": '<"top"f>rt<"bottom"lp><"clear">',
//"sDom": 'RlfrtlipB',
//"dom": '<"top"iflp<"clear">>rt<"bottom"iflp<"clear">>'
});
return;
}
用下面的内容更新你的css。
:active
之间有额外的空间
.dataTables_paginate:active {
background-color: blue;
}
如果这不起作用,那么这就行了
.dataTables_paginate .paginate_button.current {
background: blue !IMPORTANT;
}
请阅读“不工作”。我是否需要js代码来更改当前选择的页面@Sumit Patelno data table将当前类添加到活动页面,以便第二个解决方案可以在该站点上运行。你能添加你的代码吗?我可以检查。试试这个。分页。page-item.active{背景色:蓝色!重要;}让我们看看。
.dataTables_paginate .paginate_button.current {
background: blue !IMPORTANT;
}