ブートストラップ付きのDataTable - 私はこのようなのDataTableを持つテーブルを作成したスタイルの改ページボタン

Question

：https://jsfiddle.net/scaz23z0/2/

HTML

<table id="example" class="table table-striped table-bordered" width="100%" cellspacing="0"> 
<thead> 
<tr> 
    <th>Name</th> 
    <th>Position</th> 
    <th>Office</th> 
    <th>Age</th> 
    <th>Start date</th> 
    <th>Salary</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
    <td>Tiger Nixon</td> 
    <td>System Architect</td> 
    <td>Edinburgh</td> 
    <td>61</td> 
    <td>2011/04/25</td> 
    <td>$320,800</td> 
</tr> 
<tr> 
    <td>Garrett Winters</td> 
    <td>Accountant</td> 
    <td>Tokyo</td> 
    <td>63</td> 
    <td>2011/07/25</td> 
    <td>$170,750</td> 
</tr> 
<tr> 
    <td>Ashton Cox</td> 
    <td>Junior Technical Author</td> 
    <td>San Francisco</td> 
    <td>66</td> 
    <td>2009/01/12</td> 
    <td>$86,000</td> 
</tr> 
<tr> 
    <td>Cedric Kelly</td> 
    <td>Senior Javascript Developer</td> 
    <td>Edinburgh</td> 
    <td>22</td> 
    <td>2012/03/29</td> 
    <td>$433,060</td> 
</tr> 
<tr> 
    <td>Airi Satou</td> 
    <td>Accountant</td> 
    <td>Tokyo</td> 
    <td>33</td> 
    <td>2008/11/28</td> 
    <td>$162,700</td> 
</tr> 
</tbody> 
</table> 

Javascriptを

$(document).ready(function() { 
    $('#example').DataTable(); 
}); 

は、私がどのように思ったんだけど私は改ページボタンのスタイルを変更することができます（と言うもの,1およびNext）は、例えば、別の背景色を有する。私はどのCSSクラスがそれらに影響を与えているのかを調べるために要素を調べ、それを編集しようとしましたが、うまく動作しませんでした。

Answer 1

https://jsfiddle.net/cLx7kqgu/1/

ボタンは、実際に%table_name%_previous%table_name%_nextという名前li内にラップリンクです。このようにターゲット設定することができます。

CSS

#example_previous a { 
    background-color:black; 
} 

#example_next a { 
    background-color:red; 
} 

Answer 2

私は複数のページを持っている場合、ページ番号についてのブートストラップ

.pagination>li>a, .pagination>li>span{ 
    border:1px solid red !important; 
}