CSS 不适用于（在第一页之后）尝试使用 javascript 打印 html 页面答案

【问题标题】：CSS does not apply(after the first page) on trying to print a html page using javascriptCSS 不适用于（在第一页之后）尝试使用 javascript 打印 html 页面
【发布时间】：2012-06-07 05:13:45
【问题描述】：

我的 HTML 页面包含动态生成的内容，并在尝试打印时形成超过 1 页的长度。问题从第二页出现，其中 css 没有正确应用。 HTML 表格行的边框线不完整。

我为HTML表格申请的CSS是

border: 1px solid #DADADB;
background:#F3F3F3;
text-align:center;
font-size:15px;

FWIW，要打印的内容被放置在一个 HTML 表格元素中，该元素被放置在一个 DIV 中。

【问题讨论】：

在 jsfiddle.net 上创建一个小提琴
该 CSS 没有任何问题。您需要发布表现出错误行为的内容，否则很难猜测问题可能是什么。另外，每个浏览器都会发生这种情况吗？
我在 mozilla、safari、opera、chrome 和 mac 浏览器中检查了打印预览。上述所有浏览器在预览中从第二页开始的表格行都没有显示正确的边框，在打印输出中也是如此。请检查打印权限。请从jsfiddle.net/vasavi/5bQzv/5找到示例代码
我建议将 css 和 html 分开，并为您的内联样式编写 css 规则。这样会更容易找出错误。

标签： javascript html css

【解决方案1】：

在打印视图中，某些元素的某些样式（如果未在 CSS 中给出）成为默认样式。正因为如此 - 打印视图中的所有表单元素（输入和文本区域）都有覆盖表格边框的白色背景。解决方案 - 将输入和文本区域的背景设置为无。

input, textarea {
    background: none;
}

完成了;)

【讨论】：