打印时删除页面边框

我的页面有边框，但我不希望打印边框。我已经尝试了一切，但无法弄清楚。代码打印时删除页面边框

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

打印时删除页面边框

回答

相关问题