从引导表中删除所有边框

时间:2014-01-04 13:19:15

标签: html css twitter-bootstrap

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.But我不能这样做..

这是fiddle

1 个答案:

答案 0 :(得分:4)

你试过这个吗?

  <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/