强制黑白打印

Question

我需要打印两个 div 标签之间的内容。打印完成得很好，但不知何故，如果用户选中打印弹出窗口中的“背景图形”复选框，则背景变为蓝色，这是网页的实际背景颜色。是否可以强制用户仅以黑白打印或从品脱弹出窗口中禁用“背景图形”复选框？下面是我所说的“背景图形”复选框的图像：

下面是我的打印代码：

<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>

我也试过把它放在页面中：

 <style>
article {
  -webkit-print-color-adjust: exact;
  background: #222;
  color: #eee;
}

</style>

下面是我的 div 标签：

<div>
 The contents needs to be printed. This is just a test.
</div>

Answer 1

在@media print 上使用灰度滤镜：

-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);

像这样：

@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>

它会强迫它：