如何使用javascript/jquery在打印页面上设置div内容的样式？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<div id="myDiv">这是一个示例div</div>

<script>
$(document).ready(function() {
  // 设置div的背景颜色为红色
  $("#myDiv").css("background-color", "red");
  
  // 设置div的字体颜色为白色
  $("#myDiv").css("color", "white");
  
  // 设置div的字体大小为20像素
  $("#myDiv").css("font-size", "20px");
});
</script>

<script>
$("#printButton").click(function() {
  // 设置div的样式
  $("#myDiv").css("background-color", "red");
  $("#myDiv").css("color", "white");
  $("#myDiv").css("font-size", "20px");
  
  // 执行打印操作
  window.print();
});
</script>