JQuery Datatableページングスタイル付け

Question

Jquery DatatableのページングUIの問題があります。以下はChromeとIEのページ分割ボタンのスクリーンショットです。

Pagination Screenshot and below is the HTML

<ul class="pagination"> 
 
     <li class="fg-button ui-button ui-state-default first disabled" id="Data_first"><a href="#" aria-controls="Data" data-dt-idx="0" tabindex="0">First</a></li> 
 
     <li class="fg-button ui-button ui-state-default previous disabled" id="Data_previous"><a href="#" aria-controls="Data" data-dt-idx="1" tabindex="0">Previous</a></li> 
 
     <li class="fg-button ui-button ui-state-default active"><a href="#" aria-controls="Data" data-dt-idx="2" tabindex="0">1</a></li> 
 
     <li class="fg-button ui-button ui-state-default "><a href="#" aria-controls="Data" data-dt-idx="3" tabindex="0">2</a></li> 
 
     <li class="fg-button ui-button ui-state-default next" id="Data_next"><a href="#" aria-controls="Data" data-dt-idx="4" tabindex="0">Next</a></li> 
 
     <li class="fg-button ui-button ui-state-default last" id="Data_last"><a href="#" aria-controls="Data" data-dt-idx="5" tabindex="0">Last</a></li> 
 
    </ul>

Answer 1

私は以下

.pagination>li { display: inline-block; }

で、デフォルトのページネーションのスタイルを上書き私は、ブートストラップを使用していると私は、UIのボタンを削除した場合、クラスのすべてがよさそうです

Pagination Nowhttps://datatables.net/plug-ins/pagination/： Pagination Before Fix