如何在打印时应用CSS样式？

Question

我正在使用GWT / GXT。

我使用过GWT的网格，每行使用CSS以背景颜色高亮显示。但应用的css不会打印在打印页面中。我怎么用css打印？

我正在调用Print功能，如下所示：

Print.it("<link rel='StyleSheet' type='text/css' media='paper' href='mainApplication.css'>", DOM.getElementById("myId"));

在 mainApplication.css 中

我将样式放置如下：

@media print {
    print_background {
    background-color: #EBECE4 !important;
    }
  }

我的CSS样式是否正确？请帮帮我。

代码中的

：

我创建了一个水平面板，并在其中添加了GWT网格，如下所示。

HorizontalPanel recordsPanel = new HorizontalPanel();

//GWT grid is created and the same is added to recordsPanel 
recordsPanel .add(grid).

我为网格行应用了css样式，如下所示：

recordsGrid.getRowFormatter().addStyleName(i, "print_results_background");

现在我想用css样式打印记录。

谢谢！

Answer 1

paper不是media属性的有效值。更正您的link标记，如下所示：

<link rel='stylesheet' type='text/css' media='print' href='mainApplication.css' />

忽略其他海报提到的其他语法错误，请参阅RAS对该问题的评论（关于不同的班级名称）。

参考

• Media Types on W3C

Answer 2

我认为你在css中缺少指定print_background是一个id＃还是一个类。