title: DataTable pagination page selected color
body: <p>I'm using Ajax Datatable I want a css when i select a page when any page selected background color should be changed not just mouse hover or active . How I can do this . Here is my css code it is not I wanted . </p>
  
  <pre><code> .dataTables_paginate :active {
          background-color: blue;
      }
  </code></pre>
  
  <p>Please Note it works only for page click . I want the page I  now should be different color . Thanks in advance
  Here is My datatable code . </p>
  
  <pre><code>function LoadPaging() {
      $('#tblChannalList').DataTable({
          "searching": false,
          "lengthChange": false,
          "bInfo": false,
          "iDisplayLength": 5,
          "showNEntries": false,
          "dom": '&lt;"top"i&gt;rt&lt;"bottom"flp&gt;&lt;"clear"&gt;'
          //"dom": '&lt;"top"f&gt;rt&lt;"bottom"lp&gt;&lt;"clear"&gt;',
          //"sDom": 'RlfrtlipB',
          //"dom": '&lt;"top"iflp&lt;"clear"&gt;&gt;rt&lt;"bottom"iflp&lt;"clear"&gt;&gt;'
      });
  
      return;
  }
  </code></pre>
  
  <p>And Here is my css code </p>
  
  <pre><code>.paginatebutton {
      background-color: white;
  }
  
  
  
  .dataTables_paginate {
      width: 270px;
      height: 30px;
      position: fixed;
      background-color: white;
      top: 50%;
      left: 50%;
      margin-top: 340px;
      margin-left: -100px;
      /*text-align: center;*/
      /*float: left !important;*/
  }
      .dataTables_paginate:active {
          background-color: blue;
          color:red;
      }
      .dataTables_paginate .paginate_button.current {
          background: blue !IMPORTANT;
      }
  /*.pagination .page-item.current .page-link {
      background-color: #000;
  }*/
  .pagination .page-item.active .page-link {
      background-color: #000;
  }
  
  div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link:focus {
      background-color: #000;
  }
  
  .pagination .page-item.active .page-link:hover {
      background-color: #000;
  }
  </code></pre>