Как сделать черную рамку стола на начальной загрузке для печати

Question

Я хочу напечатать свою страницу там, где есть таблица.Когда я печатаю его, он всегда меняется на цвет по умолчанию для начальной загрузки.Я использую Ctrl + P / CMD + P для печати.Я использую bootstrap 4 и laravel 5.7

Я пытался использовать !important; все еще не работает

Мой CSS

<style media="screen">
@media print{
  .table thead tr td,.table tbody tr td {
     border: 1px solid #000000!important;
  }
}
</style>

Моя таблица

<table class="col-12 table table-bordered table-sm" >
    <thead class="thead-light">
      <tr>
        <th>Description</th>
        <th>Quantity</th>
        <th>Unit Price (IDR)</th>
        <th>Amount (IDR)</th>
      </tr>
    </thead>
    @php
      $total=0;
    @endphp
    @foreach($ra->sale->details as $items)
      <tr>
        <td>{{ $items->good->name }}</td>
        <td>{{ $items->qty }} pcs</td>
        <td>{{ number_format($items->units,0,',','.') }}</td>
        <td>{{ number_format($items->total,0,',','.') }}</td>
      </tr>
      @php
        $total += $items->total;
      @endphp
    @endforeach
</table>

Answer 1

Это должно работать для вас.Это перезапишет CSS по умолчанию.

@media print{
            .table thead tr td,.table tbody tr td{
                border-width: 1px !important;
                border-style: solid !important;
                border-color: #000 !important;
            }
        }

Answer 2

<style media="print"> .table thead tbody tfoot tr td { border: 1px solid #000000!important; } </style>

РЕДАКТИРОВАТЬ 2: (Добавить селектор подсветки.)

<style media="print">
  .thead-light {
     border: 1px solid #000000!important;
  }
</style>

может быть в состоянии удалить! Важный, если ваш селектор достаточно конкретен:

.table .thead-light {
   border: 1px solid #000000;
}

или

.table .thead-light tbody tfoot tr td {
    border: 1px solid #000000;
}