html - 如何使用数据表删除上一个/下一个链接上的悬停样式

Question

我正在尝试删除 DataTables 中 Previous/Next 链接上的悬停样式，但由于某种原因它没有产生影响。我只想在图像上显示透明边框，而不是悬停时显示黑色背景。我怎样才能做到这一点？

这是目前的样子。

JQuery

var table = $('#esignTable').DataTable({"sDom": '<"top"flp>rt<"bottom"i><"clear">',
      pagingType: 'input',
      pageLength: 5,
      language: {
        "sEmptyTable": " ",
        oPaginate: {
            "sNext": '<img src="../images/integration/SlowRight.jpg">',
            "sPrevious": '<img src="../images/integration/SlowLeft.jpg">',
            "sFirst": '<img src="../images/integration/FastLeft.jpg">',
            "sLast": '<img src="../images/integration/FastRight.jpg">',
        }
      }   
    }); 

CSS

.dataTables_filter, .dataTables_info, .dataTables_length { 
display: none; 
}

.top {
display: block;
margin: 0 auto;
margin-right: 41%;
}

.dataTables_paginate input {
 width: 30px;
 display: inline-block;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
padding : 2px;
margin-left: 0px;
display: inline;
border: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
text-decoration: none;
}

table.dataTable tr:nth-child(odd)  { 
background-color: #FFFACD;  
}

img:hover {
 border-radius: 0px;
 border: 1px solid #828282;
 background-color: transparent;
}

Answer 1

这就是我让它工作的方式。 DataTables 有它的获胜类，所以我只是修改它们而不是更改 img。

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
   background: none;
   color: black!important;
   border-radius: 4px;
   border: 1px solid #828282;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
   background: none;
   color: black!important;
}