удалить все границы от начальной загрузки таблицы

Question

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, в котором есть границы в этом table.I хотите, чтобы полностью удалить все границы внутри table.I попытался редактирования CSS .Но я не могу сделать ..

вот fiddle

Answer 1

сделал у попробовал этот

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