小编use*_*646的帖子

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

我需要帮助,我的表边界表的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>
Run Code Online (Sandbox Code Playgroud)

在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;
}
Run Code Online (Sandbox Code Playgroud)

请帮忙,非常感谢!:)

css html5 css3 twitter-bootstrap twitter-bootstrap-3

3
推荐指数
1
解决办法
4761
查看次数