1

早上好！

我目前正在设计一个带有引导程序的网站。我使用 table-responsive 来创建一个表。我自定义了表格，但我无法删除灰色下划线？

<div class="table-responsive">
  <table class="table">
   <thead>
    <tr>
      <th>Track Name</th>
      <th>Requested</th>
      <th>Status</th>
    </tr>
   </thead>
   <tbody>
    <tr>
      <td><p>Remotion (Original Mix)</p><p><small><span class="grey_color">by</span> Ovaal</small></p></td>
      <td>1 day ago</td>
      <td><span class="label label-primary"><small>Waiting for Approval</small></span></td>
    </tr>
    <tr>
      <td><p>Remotion (Original Mix)</p><p><small><span class="grey_color">by</span> Ovaal</small></p></td>
      <td>1 day ago</td>
      <td><span class="label label-primary"><small>Waiting for Approval</small></span></td>
    </tr>
  </tbody>
  </table>
</div>

我尝试将 margin-top 添加到 tbody 以及将 margin-bottom 添加到 thead。没有任何效果。

非常感谢！

4

2 回答 2

3

您必须覆盖中的相关规则boostrap.css- 例如

.table thead > tr > th, 
.table tbody > tr > th, 
.table tfoot > tr > th, 
.table thead > tr > td, 
.table tbody > tr > td, 
.table tfoot > tr > td {
    border: none; 
}

示例：http: //jsfiddle.net/52VtD/403/

于 2013-10-28T15:03:24.903 回答
0

尝试

table tr{border: none;}

干杯

于 2013-10-28T15:03:35.227 回答