如何在bootstrap 3.0中删除<td>边框？

Question

我需要帮助,我的表边界表的css覆盖似乎不起作用.我正在尝试创建一个这样的表:

<table class="table table-bordered">
    <tbody>
        <tr>
            <td>Collection 1</td>
            <td>5</td>
        </tr>
        <tr>
            <td>Collection 2</td>
            <td>5</td>
        </tr>
        <tr>
            <td colspan="2" class="no-line">-----------</td>
        </tr>
        <tr>
            <td>Total </td>
            <td>10</td>
        </tr>
    </tbody>
</table>

在CSS中,我尝试了所有可能的组合,只是为了检查哪些可行,但仍然没有删除边框.

.table-bordered > tbody > tr > td.no-line {
border:none !important;
border-right: none !important;
border-left: none !important;
border-top: none !important;
border-right-style: none !important;
border-left-style: none !important;
}

请帮忙,非常感谢!:)

Answer 1

它实际上删除了边界.您仍然看到的边框是桌边框.用原始代码检查这个小提琴

删除表格边框后

.table-bordered{
  border:none;
}

边界将消失.检查这个小提琴