Скрыть границы таблицы при печати в начальной загрузке?

Question

Я попытался установить таблицу стилей CSS для удаления границы при каждой печати документа для моего клиента, однако граница таблицы все еще отображается.

Вот мой HTML-скрипт для этого:

@media print {
  .table-bordered>thead>tr>th,
  .table-bordered>tbody>tr>th,
  .table-bordered>tfoot>tr>th,
  .table-bordered>thead>tr>td,
  .table-bordered>tbody>tr>td,
  .table-bordered>tfoot>tr>td {
    border: 0;
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>

<table class="table table-bordered">

  <tbody>
    <tr>
      <td style="width:25%;">
        លេខគណនី/ Account Number
      </td>
      <td style="width: 50%"> 0001</td>
      <td>
        <div class="checkbox">
          <label>
                            <input type="checkbox" value="" class="px">
                            <span class="lbl">ផ្ទេរចូល/ Transfer</span>
                        </label>
        </div>
      </td>
    </tr>
    <tr>
      <td>
        ឈ្មេាះគណនី / Account Name
      </td>
      <td> Jonh David</td>
      <td>
        <div class="checkbox">
          <label>
                            <input type="checkbox" value="" class="px">
                            <span class="lbl"> សាច់ប្រាក់ / Cash</span>
                        </label>
        </div>
      </td>
    </tr>
    <tr>
      <td>
        ចំនួនទឹកប្រាក់ជាលេខ / Amount in figure
      </td>
      <td>100,000.00 $ </td>
      <td>
        <div class="checkbox">
          <label>
                            <input type="checkbox" value="" class="px">
                            <span class="lbl"> មូលប្បទានបត្រ / Cheque/ Cash</span>
                        </label>
        </div>
      </td>
    </tr>
    <tr>
      <td>
        ចំនួនទឹកប្រាក់ជាអក្សរ / Amount in word
      </td>
      <td>100,000.00 $</td>
      <td>
        <div class="checkbox">
          <label>
                            <input type="checkbox" value="" class="px">
                            <span class="lbl"> មូផ្សេងៗ / Other </span>
                        </label>
        </div>
      </td>
    </tr>
    <tr>
      <div class="topAlign">
        <td colspan="2" valign="top" style="height:100px;">
          <p style="position:relative;top:-26px;"></p>
        </td>
      </div>
      <td valign="top">
        <p style="position:relative;top:-26px;">ប្រភេទសាច់ប្រាក់ / Denomination</p>
      </td>
    </tr>
  </tbody>
</table>

Понятия не имею, почему это не работает для свойства border, но когда я попробовал другое свойство CSS, например display:none; или margin-left: 20px;, этопросто работает нормально.

Я не знаю, что с этим не так, как я могу сделать это для архивирования?

Пожалуйста, помогите, спасибо