Css 使用内联样式打印页面

我有一个页面，我用各种设置动态设置它的样式

例如，下面是我试图打印的表的一个元素：

  <td *ngFor="let attribute of attributes"
      [class.table-vertical]="styles.template['displayVerticalLines']"
      [style.border-left-width]="styles.template['displayVerticalLines']?styles.template['verticalLineSize'] + 'px':null"
      [style.border-right-width]="styles.template['displayVerticalLines']?styles.template['verticalLineSize'] + 'px':null"
      [style.border-left-color]="styles.template['displayVerticalLines']?styles.template['verticalLineColor']:null"
      [style.border-right-color]="styles.template['displayVerticalLines']?styles.template['verticalLineColor']:null">

我看到样式对元素的影响很好，但是当我尝试打印时，所有内联样式都被忽略，只有css文件中的样式才可见

我意识到这是因为内联css的媒体类型不是print，但我看不到这样设置的方法

我还试图添加一个动态

元素，但编译器只是忽略了它并略过了它

这是一个简单的现象：

---

我怎样才能解决这个问题？

您打算如何打印它们？您可以提供一个包含要运行的基本代码的Plunkr吗？我添加了一个简单的plunker来显示这种情况，并添加了我使用的函数。在打印时，默认情况下不会显示一些属性，例如背景色，如您所见：。我给你的衣服加了一些边框，点击了打印按钮，一切都很好。问题是-webkit打印颜色调整“：“精确”仅适用于chrome。我添加了它无论如何，它的工作。我真正希望的是我可以用某种方式创建动态css类/css文件

   public print(): void {
            window.print();
    }