DataTables分页按钮显示在第2页，但不在第1页

Question

我正在使用DataTables自定义分页按钮。我正在使用CSS将分页按钮设置为背景属性。按钮在第二页上正确显示，但在第一页上，第一页和上一页按钮消失，但当我点击下一步按钮时，按钮出现在第一页和上一页。

第一页（在页面加载时）

第二页（显示所有按钮）

第三页（按钮再次消失）

我希望他们一直在那里。我怎样才能做到这一点。

JQuery的

var table = $('#esignTable').DataTable({"sDom": '<"top"flp>rt<"bottom"i><"clear">',
      pagingType: 'input',
      pageLength: 10,
      language: {
        "sEmptyTable": " ",
        oPaginate: {
            "sNext": ' ',
            "sPrevious": ' ',
            "sFirst": ' ',
            "sLast": ' ',
        }
      }   
    });

CSS

.next {
   background: url(../images/integration/SlowRight.jpg);
}

.previous { 
   background: url(../images/integration/SlowLeft.jpg);
}

.first { 
   background: url(../images/integration/FastLeft.jpg);
}

.last {
   background: url(../images/integration/FastRight.jpg);
} 

如果我在CSS中做错了什么，请告诉我

由于

Answer 1

将!important添加到您的规则或使用更具体的CSS规则。

例如：

.next {
   background: url(../images/integration/SlowRight.jpg) !important;
}

.previous { 
   background: url(../images/integration/SlowLeft.jpg) !important;
}

.first { 
   background: url(../images/integration/FastLeft.jpg) !important;
}

.last {
   background: url(../images/integration/FastRight.jpg) !important;
} 

请参阅this example以获取代码和演示。