Question

我想在桌子上隐藏左下边框。工作正常，但在尝试打印页面时却无法正常工作。

我正在使用border-bottom和border-left属性。

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

实际上，该示例的边框为红色，当您尝试打印代码笔页面时，您会注意到边框不是红色的。

在我的项目中，我将这些边框设置为白色以作为“ hack”以隐藏它们。

有什么想法为什么不起作用以及如何使其成为可能？

编辑：我正在最新版本的Google Chrome上运行。

Answer 1

为此，您可以使用@media print覆盖我使用的!important属性。

通过右键单击鼠标，您会看到一个名为打印的选项。在打印中，您可以在表格上看到red border。