所有頁面的主體邊框 - CSS打印媒體

我有一個帶有2個可打印頁面的html頁面。我爲每個頁面創建了一個媒體打印樣式邊框，但我的代碼僅爲第一頁添加了邊框。所有頁面的主體邊框 - CSS打印媒體

我需要添加什麼才能在每個頁面上顯示邊框？

請在下面找到我的印刷媒體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

來源

2016-11-15 EzraMod

那！重要的大寫看起來比我習慣的重要（！重要）。 – Alvaro

[可能重複]你試過這個嗎？ http://stackoverflow.com/questions/32232281/draw-a-border-around-each-page-on-print-css –

我有一個類似的問題。這是我如何做到的： #body { border-style: solid; border-color: red; }

如果這不起作用，請嘗試將邊框顏色直接放入媒體。請記得先添加border-style: solid;。

來源

2016-11-16 00:24:38 GroxTheProgrammer

告訴我，如果它的工作與否。 – GroxTheProgrammer

所有頁面的主體邊框 - CSS打印媒體

回答

相關問題