尝试使用javascript打印html页面时，CSS不适用(在第一页之后)

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中提供)将成为默认样式。正因为如此，Print View中的所有表单元素(input和textarea)都有覆盖表格边框的白色背景。解决方案-将输入和文本的背景设置为无。

input, textarea {
    background: none;
}

并且完成了;)