如何在单击时删除表格和单元格边框

时间:2016-06-01 23:29:13

标签: css angularjs

我创建了一个这样的表:

 <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>

在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;

}

它可以工作,但是当我选择列和行时,它会显示它的边缘。 我怎么能删除它们?

非常感谢。

0 个答案:

没有答案