ngTable：定製行數按鈕

Question

在這個plunk我有一個簡單的ngTable。我需要定製允許用戶選擇表中顯示的行數的按鈕。例如，如果你點擊「10」有一個內部的陰影，我需要擺脫它。我看到這是一個Bootstrap按鈕，但無法弄清楚如何改變它。有任何想法嗎？

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

添加這個CSS

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