Force element re-render on print

rerender.js

(function() { // force re-render of element_name to get the styling right on-print
    var beforePrint = function() {
        var el = document.getElementById('element_name'); // e.g. an input inside a <p>...
        var p = el.parentNode; // ...which will normally fail to style entirely on-print...
        p.removeChild(el); // ...but if you wrap it in a <span> or the like, then remove and re-add the element...
        p.appendChild(el); // ...the styles will recalculate and you'll get whatever style you were trying to apply!
    };

    if (window.matchMedia) {
        window.matchMedia('print').addListener(function(mql) {
            if (mql.matches) beforePrint();
        });
    }

    window.onbeforeprint = beforePrint;
}());