打印时从css中删除某些样式

时间:2015-09-24 15:34:49

标签: html printing media

我打算用HTML重新创建一个文档。泰语现在全部启动并运行我的问题是我想在生成页面后打印它但是我想删除一些应用于显示视图的CSS样式。到目前为止我有这个......

    .containerouter {
    margin:0 auto;
    width:21cm;
    height:29.7cm;
    padding-left:1.7cm;
    padding-right:1.7cm;
    padding-bottom:1.7cm;
    -webkit-box-shadow: -4px 2px 22px 3px rgba(0,0,0,0.19);
    -moz-box-shadow: -4px 2px 22px 3px rgba(0,0,0,0.19);
    box-shadow: -4px 2px 22px 3px rgba(0,0,0,0.19);
}

    @media print{.no-print, .no-print *{display: none !important;}}

<div class="containerouter no-print" media="print"> CONTENT NESTED INSIDE THIS DIV NEEDS TO BE PRINTED </div>

基本上我想在不删除已应用的大小调整格式的情况下删除阴影属性。 当前发生的是当点击打印时所有内容都消失了

1 个答案:

答案 0 :(得分:2)

打印时有一个用于添加类的媒体类:

@media print {
   [CSS only shown when printing]
}

如果你想删除一些css样式,你可以这样做:

@media print {
     .containerouter {
         box-shadow: none;
     }
}

您只需在定义类后声明@media print,以便您的媒体类具有更高的特异性。