Css 传媒印刷及;边界属性不工作

Css 传媒印刷及;边界属性不工作,css,printing,bootstrap-4,Css,Printing,Bootstrap 4,我想在桌子上隐藏我的左边框和下边框。工作正常,但当我试图打印我的页面时就不行了 我正在使用border bottom和border left属性 td.border-fix { border-left:1px solid red; border-bottom:1px solid red; } 代码笔在这里: 实际上,在本例中,边框是红色的,当您尝试打印代码笔页面时,您会注意到边框不是红色的 在我的项目中,我将这些边框设置为白色作为“黑”来隐藏它们 你知道为什么这不起作用,以及如

我想在桌子上隐藏我的左边框和下边框。工作正常,但当我试图打印我的页面时就不行了

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

td.border-fix {
    border-left:1px solid red;
    border-bottom:1px solid red;
}
代码笔在这里:

实际上,在本例中,边框是红色的,当您尝试打印代码笔页面时,您会注意到边框不是红色的

在我的项目中,我将这些边框设置为白色作为“黑”来隐藏它们

你知道为什么这不起作用,以及如何使之成为可能吗


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

为此,您可以使用
@media print
,覆盖我使用的
属性!重要信息
属性

通过在鼠标中单击鼠标右键,您可以看到一个名为“打印”的选项,在“现在打印”中,您可以在表格上看到
红色边框


Codepen:

您是否尝试在Codepen之外打印页面?是的。同样的结果@Nisharg Shah提供了解决方案。我忘了提到我使用了带有media=“print”的样式标签,但这似乎不起作用。顺便说一句,您的解决方案运行良好。塔克斯!很高兴你喜欢我的回答