css - Bootstrap 表半径重置

Question

我想重置 bootstrap 表的边框，它在三个边框{上、右、下} 上工作，但在左边我仍然看到一些半径，我怎样才能删除这个半径？

你可以找到我的代码:

http://jsfiddle.net/yabasha/TGBtF/6/

.table {
   -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}
td.tcenter {
    text-align: center;
    width: 144px;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
}

---

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered">
                <tr>
                    <td class="tcenter"><img style="-webkit-user-select: none" src="https://mdn.mozillademos.org/files/3563/HTML5_Logo_128.png"></td>
                    <td class="tcenter"><img style="-webkit-user-select: none" src="https://lh5.googleusercontent.com/-8UcXZv4ucmI/AAAAAAAAAAI/AAAAAAAAAEk/4pvjZh57uqA/photo.jpg"></td>
                </tr>
                <tr>
                    <td class="tcenter"><img style="-webkit-user-select: none" src="http://wijmo.com/files/img/html5-blue.png"></td>
                    <td class="tcenter"><img style="-webkit-user-select: none" src="http://www.html5tests.com/img/blockdevice.png"></td>
                </tr>
                <tr>
                    <td class="tcenter"><img style="-webkit-user-select: none" src="http://www.html5developer.opensourcetechnologies.com/images/mobile_app.png"></td>
                    <td class="tcenter"><img style="-webkit-user-select: none" src="http://0.gravatar.com/avatar/8e88914e9976114748db6f525144b609?s=64&amp;d=retro&amp;r=R"></td>
                </tr>
            </table>
        </div>
    </div>
</div>

Answer 1

试试这个

http://jsfiddle.net/TGBtF/8/

  .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child{
    border-radius:0;
}
.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child{
border-radius:0;
}
.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child{
border-radius:0;
}
.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child{
    border-radius:0;
}