在打印纸中应用CSS样式

时间:2012-01-04 10:55:01

标签: css printing styling

我有一些HTML格式的报告,希望在我的网络应用程序中打印它们。我遇到的问题是我无法强制打印操作将css属性应用于着色页眉和页脚。

<td style="background-color:gray">Total</td>

我希望在打印纸上看到一个灰色的背景颜色行,但是一切都是白色的细胞背景颜色。

我该怎么做?

2 个答案:

答案 0 :(得分:2)

您是否尝试通过媒体查询添加样式?在<style>块中可以这样:

@media print {
    td { background-color: gray; }
}

或者在<head>

中的链接中这样
<link rel="stylesheet" type="text/css" media="print" href="your/print/css.ss" />

如果你不知道打印样式表,这里有一篇很好的文章http://coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

答案 1 :(得分:1)

这很可能是您使用任何软件打印此页面的设置。

如果您使用的是网络浏览器,浏览器可能会删除颜色以节省墨水等。

通常可以在浏览器软件本身内更改这些设置。我认为您的Web应用程序无法更改任何内容以强制执行background-color