如何设置mat单选按钮在打印窗口中被选中（Ctrl + P）？

Question

我有一个问题，当打开打印窗口(ctrl + p)时，mat单选按钮不显示它被选中，我的页面的其他部分显示良好(我使用ngModel来设置值)，但按钮显示为未选中(空)，当打开打印时，虽然它被选中。

<mat-radio-group class="d-flex justify-content-between" [(ngModel)]="dados.finalidade">
    <mat-radio-button class="col-md-auto" value="BENEFICIAMENTO">BENEFICIAMENTO</mat-radio-button>
    <mat-radio-button class="col-md-auto" value="REBENEFICIAMENTO">REBENEFICIAMENTO</mat-radio-button>
    <mat-radio-button class="col-md-auto" value="ARMAZENAMENTO">ARMAZENAMENTO</mat-radio-button>
</mat-radio-group>

如果谁知道有什么解决办法请告诉我!

更新!

我把这个放在我的style.scss上，我的问题解决了。

@media print {
  .mat-radio-inner-circle {
    box-shadow: 0 0 0 1000px #00695C inset !important;
  }
}

Answer 1

我把这个放在style.scss上，问题就解决了。

@media print {
  .mat-radio-inner-circle {
    box-shadow: 0 0 0 1000px #00695C inset !important;
  }
}

Answer 2

对于我自己的页面，我发现这只是Chrome浏览器中 "打印背景图形 "被关闭的问题。解决方法是在我的样式表中添加以下内容。

 -webkit-print-color-adjust: exact !important;