用html onClick window.print()改变CSS？

<div id="printArea" style="color: red; font-size: 16px;">Hello, world!</div>
<button onclick="print()">Print</button>

<script>
  function print() {
    var printArea = document.getElementById("printArea");
    printArea.style.color = "blue"; // 修改样式
    window.print(); // 调用打印功能
  }
</script>

<style id="printStyle">
  .printText { color: red; font-size: 16px; }
</style>
<div class="printText">Hello, world!</div>
<button onclick="print()">Print</button>

<script>
  function print() {
    var printStyle = document.getElementById("printStyle");
    printStyle.innerHTML = ".printText { color: blue; }"; // 修改样式
    window.print(); // 调用打印功能
  }
</script>

<style>
  .printText { color: red; font-size: 16px; }
  
  @media print {
    .printText { color: blue; }
  }
</style>
<div class="printText">Hello, world!</div>
<button onclick="print()">Print</button>

<script>
  function print() {
    window.print(); // 调用打印功能
  }
</script>