如何不打印打印按鈕

在作網站的時候,須要打印功能的狀況下,有的時候不想讓打印出來的信息顯示打印按鈕,感受顯示出來很很差看。怎麼辦?css

下面有個很簡單的方法,那就是在打開按鈕上加上一個CSS樣式ide

代碼以下:測試

<style type="text/css">
@media print {
 .noprint{display:none;}
}
</style>網站

 <div class="noprint" style="text-align:center; margin:20px;"><button style="cursor:pointer;" onclick="window.print();">打印</button></div>spa

你用這個代碼打印試一下,是否是沒有打印按鈕了?it

此CSS代碼憶在IE和FF裏測試經過。class

由此能夠想象到,不想讓打印出來的內容,均可以這樣作。cli

相關文章
相關標籤/搜索