打印时的Google Chrome CSS样式

时间:2015-08-18 16:17:19

标签: html css google-chrome

在生成打印预览和打印页面时,有没有办法检索谷歌浏览器使用的CSS样式?

此问题的目标是删除页面左下角的页面网址,但我也会删除整个标题。

某个地方,在论坛上,我找到了这个片段

@media print {

  @page { 
    @top-left-corner {content:"";} 
    @top-left {content:"";} 
    @top-center {content:"";} 
    @top-right {content:"";} 
    @top-right-corner {content:"";} 
    @bottom-left-corner {content:"";} 
    @bottom-left {content:"";} 
    @bottom-center {content:"";} 
    @bottom-right {content:"";} 
    @bottom-right-corner {content:"";} 
  } 

}

然而它似乎不起作用。

是否可以通过CSS修改Google Chrome生成的打印文档?

1 个答案:

答案 0 :(得分:0)

因为我看到两个问题...

  

在生成打印预览和打印页面时,有什么方法可以检索Google Chrome使用的CSS样式吗?

根据this answer on StackOverflow,以下是保留所有现代浏览器默认CSS样式表(包括Google Chrome)的最新副本的位置列表。

  

是否可以通过CSS修改Google Chrome浏览器生成的打印文档?

从技术上讲,印刷CSS符合媒体查询的条件。如果您熟悉CSS,它的样式和语法与屏幕大小的特定规则(例如移动设备)相同。您可以在.css文件中确定特定于打印的CSS。要从您自己的样式表中调用打印特定的CSS,可以使用以下代码段:

@media print { /* Print CSS here */ #example { border: none; } }