Necesito imprimir el contenido entre dos etiquetas div. La impresión está bien, pero de alguna manera si el usuario marca la casilla de verificación "Gráficos de fondo" en la ventana emergente de impresión, el fondo se vuelve azul, que es el color de fondo real de la página web. ¿Es posible obligar al usuario a imprimir solo en blanco y negro o deshabilitar la casilla de verificación "Gráficos de fondo" en la ventana emergente de pinta? A continuación se muestra la imagen de la casilla de verificación "Gráficos de fondo" de la que estoy hablando:
a continuación está mi código para hacer la impresión:
<script> function printContent(el) { var restorepage = $('body').html(); document.getElementById('<%=lblDateTime.ClientID %>').style.display = "block"; document.getElementById('<%=lblDateTime.ClientID %>').innerHTML = new Date().toLocaleString(); document.getElementById('<%=acrLogo.ClientID %>').style.display = "block"; document.getElementById('<%=compName.ClientID %>').style.display = "block"; var printcontent = $('#' + el).clone(); printcontent.removeAttr('style'); $('body').empty().html(printcontent); window.print(); $('body').html(restorepage); } </script>También intenté poner esto en la página:
<style> article { -webkit-print-color-adjust: exact; background: #222; color: #eee; } </style>A continuación se muestra mi etiqueta div:
<div> The contents needs to be printed. This is just a test. </div>Use el filtro de escala de grises en @media print:
-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%);Como esto:
@media print { body { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); } } Print this! <span style="color:red;">Red text</span> <button onclick="window.print()">Print</button>Lo obligará: