СМИ печать и пограничная собственность не работает

Question

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

Я использую свойства border-bottom и border-left.

td.border-fix {
    border-left:1px solid red;
    border-bottom:1px solid red;
}

CodePen здесь: https://codepen.io/Barthandelous/pen/ZdEPdd

На самом деле границы выделены красным для примера, и вы заметите, что границы не красные, когда вы пытаетесь напечатать страницу с кодовым заглушкой.

В моем проекте я настраиваюэти границы для белого как «взлом», чтобы скрыть их.

Есть идеи, почему это не работает и как сделать это возможным?

РЕДАКТИРОВАТЬ: я работаю в Google Chrome,последняя версия.

Answer 1

Для этого вы можете использовать @media print, для перезаписи свойства я использовал !important свойство.

Если щелкнуть правой кнопкой мыши, вы увидите одну опцию, называемую печать. При печати теперь вы можете увидеть red border на вашем столе.

Codepen: https://codepen.io/anon/pen/KjwqZR