ngTable：行数をカスタマイズするボタン

Question

このplunkには、単純なngTableがあります。私は、ユーザーがテーブルに表示されている行の数を選択できるようにするボタンをカスタマイズする必要があります。たとえば、「10」をクリックすると内側の影があり、それを取り除く必要があります。私はそれがブートストラップボタンだが、それをどのように変更するのか分からない。何か案は？

HTML

<div ng-controller="myCtl" ng-app="app"> 
    <table ng-table="tableParams" class="table table-bordered"> 
     <tbody> 
      <tr ng-repeat="u in $data"> 
       <td title="'User ID'">{{ u.uid }}</td> 
       <td title="'Name'">{{ u.nm }}</td> 
       <td title="'Group'">{{ u.ugr }}</td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

Javascriptを

var app = angular.module('app', ['ngTable']); 

app.controller('myCtl', function($scope, NgTableParams) { 

     $scope.data = [{ 
      uid: 'User 1', 
      nm: 'Name 1', 
      ugr: 'Group 1' 
     }, { 
      uid: 'User 2', 
      nm: 'Name 2', 
      ugr: 'Group 2' 
     }]; 


     $scope.tableParams = new NgTableParams({ 
      count: 5 
     }, { 
      data: $scope.data 
     }); 
}); 

Answer 1

.btn-default:active, .btn-default.active { 
     background : white !important; 
    } 

このCSSを追加