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

标签 javascript html css

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

我为HTML表格申请的CSS是

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

FWIW,要打印的内容放在 DIV 中的 HTML 表格元素中。

最佳答案

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

input, textarea {
    background: none;
}

完成 ;)

关于javascript - CSS 不适用于(在第一页之后)尝试使用 javascript 打印 html 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10926017/

相关文章:

javascript - jQuery 自动完成填充数组

javascript - 在 div 中的特定点附加一个字符串

javascript - JavaScript 中的私有(private) (#) getter

html - div 中的最后一个 child 不工作

html - 打印页面中的页脚重叠内容

javascript - 通过常规文本链接打开 fancybox

html - CSS Sprite 下面的空白区域

javascript - 如何通过复选框启用单选组?

jquery - toastr 没有出现在laravel中

html - 页面背景未完全着色