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.