I am printing receipt using following code,but when i click print even printer image is shown in preview and print.My code is
<button onclick="myFunction()">
<div align="justify">Print</div>
</button>
<script>
function myFunction() {
window.print();
}
</script>
///all code are in html body tag
pls check jsfiddle
Try @media
CSS
@media print {
.print_img {
display:none;
}
}
change you HTML
<div class="print_img">
<button onclick="myFunction()">
<div align="justify">Print</div>
</button>
</div>
Use
<button class="printbtn" >Print </button>
<style>
@media print
{
.printbtn {display: none;}
}
@media screen
{
.printbtn {display: block;}
}
</style>
Well, you could just do it with CSS media queries:
@media print {
.hide-on-print{
display:none;
}
}