Hide html elements in browser print page with css

In your stylesheet add:

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

Then add class=’no-print’ (or add the no-print class to an existing class statement) in your HTML that you don’t want to appear in the printed version, such as your button. I got this to work with ‘noPrint’ instead of ‘noprint’ (lowercase).

Advertisements