打印時刪除頁面邊框

我的頁面有邊框，但我不希望打印邊框。我已經嘗試了一切，但無法弄清楚。代碼打印時刪除頁面邊框

CSS：

#pagy2 { 
    background: #f3fff3; 
    border:1px solid #c9dbab; 
    width: 100%; 
    margin-top: 28px; 
    margin-left: auto; 
    margin-right: auto; 
    min-height:100% !important; 
} 

@media print 
{ 
    .print_special { border: none !important; } 
}

HTML

<body> 
    <div id="headercontainer" class="noprint"></div> 
    <div id="pagy2" class="print_special"> 
     <div class="page"> 
      <h1>Title</h1> 
      <table> 
      <tr>

來源

2015-01-06 Wanda

您必須重寫您最初設置它，像這樣的選擇邊框：

@media print 
{ 
    #pagy2 { border: none !important; } 
}

來源

2015-01-06 04:37:00 Emily

我試過了，它不工作。 – Wanda

你有沒有試過用＃pagy2 {border：0！important;}添加一個print.css並在html中調用它？ –

哪裏你把這個樣式放在樣式表上了嗎？

如果你把這個放在CSS之上，它將不起作用。將其移動到css頁面的底部。

來源

2015-01-06 04:39:28

我現在把它一直移到底部，它仍然無法工作。讓我瘋狂。 – Wanda

你能告訴我完整的css –

http://jsfiddle.net/j83u4Ltr/ 檢查它，它的工作嘗試打印此頁面，將刪除邊框 –

我認爲可以通過使用jQuery來解決。

$(document).ready(function(){ 
    $('.print_special').css({ border : 'none'}); 
});

希望這能解決你的問題

的jsfiddle網址:: http://jsfiddle.net/j83u4Ltr/4/

來源

2015-01-06 05:39:25

不是。所有這些應該工作的東西都不是。必須有其他事情正在進行。我會有人看着它。 – Wanda

非常感謝大家爲了幫助我！ – Wanda

也許這會幫助你，或者你要告訴我們什麼「NOPRINT」/ 「頁面」 CSS裏面的內容。

#pagy2 { 
 
    background: #f3fff3; 
 
    border:5px solid #000; 
 
    width: 100%; 
 
    margin-top: 28px; 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
    min-height:100% !important; 
 
} 
 

 
@media print 
 
{ 
 
    #pagy2 { border: none !important; } 
 
}

<body> 
 
<div id="headercontainer" class="noprint"></div> 
 
    <div id="pagy2"> 
 
     <div class="page"> 
 
      <h1>Title</h1> 
 
      <table></table> 
 
\t \t </div> 
 
\t </div> 
 
</div>

來源

2015-10-05 09:24:01 Bridpat

該解決方案爲我

@media print { 

    * { 
     color: #000;  
     background-color: #fff; 
     @include box-shadow(none); 
     @include text-shadow(none); 
    } 
}

來源

2017-01-10 16:49:59

打印時刪除頁面邊框

回答

相關問題