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