html - 所有页面的主体边框 - CSS 打印媒体

Question

我有一个包含 2 个可打印页面的 html 页面。我为每个页面创建了一个媒体打印样式边框，但我的代码只为第一页添加了一个边框。

我需要添加什么才能在每个页面上显示边框？

请在下面找到我的打印媒体 CSS 并查看我的屏幕截图；

@page {
    size: A4;   /* auto is the initial value */
    margin: 1.54cm 1cm 1.54cm 1cm;
    marks: crop cross;
}
html, body {
    -webkit-print-color-adjust: exact;
    margin:0;
    padding:0;
    height:100%;
    min-height: 100%;
    border: 2px solid #cc0000!IMPORTANT;
}
.contract {
    min-height:100%;
    position:relative;
    height: 100%;
    box-decoration-break: clone;
}
h2, h3 { 
    page-break-after: avoid; 
}

有BUG的截图:http://scr.hu/0fbv/5u4qh

Answer 1

我遇到了类似的问题。这是我的做法: #正文{ 边框样式:实心； 边框颜色:红色； }

如果这不起作用，请尝试将边框颜色直接放入媒体中。记得先添加border-style: solid;，通过。