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

Question

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

我为 HTML 表格申请的 CSS 是

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

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

Answer 1

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

input, textarea {
    background: none;
}

并做了 ;）