打印时从某些控件中删除样式

时间:2014-02-13 12:47:41

标签: jquery asp.net css

我有一个包含一些文本框的表单,当我点击按钮打印时,我正在寻找一种删除其样式的方法。我有一个想法,当我点击打印按钮时,如何隐藏任何控件:

 @media print  { 
            .screenOnly { display: none; }
          }

<asp:Button ID="Button4" runat="server" Text="Print" OnClientClick="javascript : window.print();"
                    OnClick="Button4_Click1" OnPreRender="Button4_PreRender1" CssClass="btn screenOnly" />

但要删除控件样式我不知道!!!!!!! 谢谢

1 个答案:

答案 0 :(得分:0)

要在页面中使用样式以便在屏幕上使用而不在打印页面上使用,请将它们放入自己的媒体查询中。例如:

div {color: green}                /* always */

@media screen {
   div {font-weight:bold}         /* only on the screen */
}

@media print {
   div {font-variant: small-caps} /* only in print */
}

有关详情,请参阅W3C page