Css 传媒印刷及;边界属性不工作
我想在桌子上隐藏我的左边框和下边框。工作正常,但当我试图打印我的页面时就不行了 我正在使用border bottom和border left属性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; } 代码笔在这里: 实际上,在本例中,边框是红色的,当您尝试打印代码笔页面时,您会注意到边框不是红色的 在我的项目中,我将这些边框设置为白色作为“黑”来隐藏它们 你知道为什么这不起作用,以及如
td.border-fix {
border-left:1px solid red;
border-bottom:1px solid red;
}
代码笔在这里:
实际上,在本例中,边框是红色的,当您尝试打印代码笔页面时,您会注意到边框不是红色的
在我的项目中,我将这些边框设置为白色作为“黑”来隐藏它们
你知道为什么这不起作用,以及如何使之成为可能吗
编辑:我正在运行最新版本的Google Chrome。为此,您可以使用
@media print
,覆盖我使用的属性!重要信息
属性
通过在鼠标中单击鼠标右键,您可以看到一个名为“打印”的选项,在“现在打印”中,您可以在表格上看到红色边框
Codepen:您是否尝试在Codepen之外打印页面?是的。同样的结果@Nisharg Shah提供了解决方案。我忘了提到我使用了带有media=“print”的样式标签,但这似乎不起作用。顺便说一句,您的解决方案运行良好。塔克斯!很高兴你喜欢我的回答