CSS选择器如:after,:之前未通过打印显示

Question

我正在编写和设计一个应用程序,我希望屏幕模式在打印模式下看起来相同.

以下是屏幕版本的屏幕截图:

这里是打印版本的屏幕截图(例如在Chrome上):

时间轴条纹设置为:before,不会打印.

有人有想法或解决方案吗？有人指导css打印规则吗？

Answer 1

我知道已经有一年多了,但这对我有用.出现"打印对话框"时,选中"打印"对话框中的"背景图形".

Answer 2

尝试将 CSS 规则放入打印媒体查询中：

@media print {
  h2 { 
    font-size: 14px;
  }
}