html - 从引导表中删除所有边框

的HTML

<table class="table " >
    <thead >
        <tr>

            <th>
                Product
            </th>
            <th>
                Price
            </th>

        </tr>
    </thead>
    <tbody >
        <tr>
            <td  >
                torch
            </td>
            <td>

                <input type="text" class="form-control" id="amountC" name="amountC" autocomplete='off' style="outline: none;
                       border:none !important;
                       box-shadow:none !important;">
            </td>


        </tr>


    </tbody>
    <thead>
        <tr>

            <th>
                <input type="text" style="float:left" name="" id="couo" placeholder="hi" class="form-control" />

            </th>
            <th>
    <div>
        <input type="button" style="padding:5px 12px" name="btnC" id="btnC" class='btn btn-info' value="coupon" />

    </div>
</th>

</tr>

<tr>

    <th>
        Amount to be paid
    </th>
    <th>
        <input type="text" class="form-control" id="amountT" name="amountT" autocomplete='off' style="outline: none;
               border:none !important;
               box-shadow:none !important;">                                </th>

</tr>
</thead>

</table>

我有这个在表格中有边框的HTML。我想完全删除表格中的所有边框。我尝试编辑CSS。但是我做不到。

这是fiddle

最佳答案

你尝试过这个吗

  <style>
    .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!important;
}
    </style>

这必须对你有帮助
检查这个http://jsfiddle.net/spk063/Gz49L/4/