如何设置在打印窗口上选择的垫单选按钮（Ctrl + P）？答案

【问题标题】：How to set mat radio button selected on print window (Ctrl + P)?如何设置在打印窗口上选择的垫单选按钮（Ctrl + P）？
【发布时间】：2020-04-22 20:12:47
【问题描述】：

我有一个问题，mat 单选按钮在打开打印窗口 (ctrl + p) 时未显示它被选中，我页面的其他部分显示正常（我正在使用 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;
  }
}

【问题讨论】：

标签： css angular angular-material

【解决方案1】：

我把它放在我的 style.scss 上，我的问题就解决了：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

webkit-print-color-adjust 仅适用于 webkit 浏览器，color-adjust 也适用于 Firefox（但仍然不适用于 IE11）。