html - 如何删除 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

它实际上去除了边框。您仍然看到的边框是表格边框。 Check this fiddle with your original code

删除表格边框后

.table-bordered{
  border:none;
}

边界将消失。 Check this fiddle