在打印纸上应用css样式

问题描述:

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

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

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

我该怎么办?

+0

你试过'!important'吗? – 2012-01-04 10:56:37

+0

是的,没有工作 – 2012-01-04 11:12:56

您是否试过通过媒体查询添加样式?无论是像这样的一个<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/

的好文章
+0

我测试了你的建议@MrMisterMan。他们没有解决我的问题。但是,感谢您宝贵的推荐链接。 – 2012-01-04 11:56:00

+0

我很高兴我有一些用处! :) – MrMisterMan 2012-01-04 11:59:54

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

如果您使用的网络浏览器,该浏览器可以去除颜色以节省墨水等

这些设置通常可以在浏览器软件本身内改变。我不认为你可以在你的web应用程序上改变任何东西来强制这个background-color