javascript - 打印具有条件格式的表格单元格背景颜色

Question

我使用 HTML 和 PHP 创建了一个从数据库读取数据的表。表格的每个单元格显示不同的值，例如 1、2、3，并根据值更改单元格的颜色。 到目前为止，我已经设法做到了，并使用以下 JavaScript 来设置单元格的条件格式：

脚本：

<script type="text/javascript">
$(function() {
$('#table1 td').each(function() {
  if ($(this).text() == '1') {
   $(this).css('background-color', 'red');
 }
  if ($(this).text() == '2') {
   $(this).css('background-color', 'yellow');
 }
  if ($(this).text() == '3')  {
   $(this).css('background-color', 'green');
 }
  });
});

</script>

现在我想用 print Div 打印表格。打印选项也可以正常工作，但是没有与单元格相关的颜色，它全是黑色和白色。我搜索了很多，但到目前为止找不到任何解决方案。我真的需要你的帮助，任何建议或代码将不胜感激。

标签： javascriptphphtml

Answer 1

默认情况下，brosers 不打印背景颜色尝试添加 <style type="text/css"> @media print { body { color-adjust: exact; } } </style>

此外，在 Chrome 的打印对话框窗口中，“更多设置”下有一个复选框，也可以打印 BG 颜色参见图像：