Css 打印时删除页面边框

我的页面有边框，但我不想打印边框。 我什么都试过了，但都想不出来。 代码

CSS:

HTML

标题

您需要覆盖最初设置它的选择器上的边框，如下所示：

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

---

你把这个样式放在样式表的什么地方了

---

如果你把这个放在css的上面，它将不起作用。将其移动到css页面的底部。

我认为使用jquery可以解决这个问题

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

希望这能解决你的问题

---

JSFiddle URL:：

也许这会对您有所帮助，或者您必须告诉我们其中的“noprint”/“page”css内容

#第2页{
背景#f3fff3；
边框：5px实心#000；
宽度：100%；
利润上限：28px；
左边距：自动；
右边距：自动；
最小高度：100%！重要；
}
@媒体印刷品
{
#第2页{边界：无！重要；}
}

标题

这个解决方案适合我

@media print {

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

---

我现在把它一直移到底部，但它仍然不起作用。让我发疯。选中此项，它工作。尝试打印此页面，边框将被删除。您是否尝试添加带有#pagy2{Border:0！important；}的print.css并在html中调用它？不。所有这些应该工作的东西都不工作。一定还有别的事。我要请人看一下。非常感谢大家帮助我！

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

@media print {

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