css - How to remove table and cells borders when they are clicked -


i created table this:

 <table class="table table-without-margin">                 <thead>                 ...  </thead>  <tbody>  <tr ng-show="row.sprint == undefined "                     ng-repeat="row in rowcollectionuserstories | orderby:sorttype:sortreverse |filter:search"                     ng-class="row.selectedcell ? 'cellselectedclass' : ''">                    <td data-ng-click="viewdetailsuserstory(row)" class="table-cell05">{{row.voters.length}}</td>                   <td data-ng-click="viewdetailsuserstory(row)" class="table-cell23">#{{row.num}} {{row.subject}}</td>   </tr>   </tbody>  </table> 

and in css:

.panel-body-backlog-userstories-list .table {   border-bottom:0px !important; } .panel-body-backlog-userstories-list .table th, .table td {   border: 1px !important; } .panel-body-backlog-userstories-list .fixed-table-container {   border:0px !important; }  .panel-body-backlog-userstories-list table tr:hover, .panel-body-backlog-userstories-list table tr:focus, .panel-body-backlog-userstories-list table tr:active {    background:rgba(229, 249, 255, 0.45);   border:none;  } 

it works, when select column , row, shows me edges. how delete them?

thank much.


Popular posts from this blog

php - How should I create my API for mobile applications (Needs Authentication) -

5 Reasons to Blog Anonymously (and 5 Reasons Not To)

Google AdWords and AdSense - A Dynamic Small Business Marketing Duo