angular - angular primeng p-confirmdialog - 如何用谷歌素材图标替换对话框面板的关闭图标

Question

我正在处理需要用谷歌材料图标替换对话框面板的关闭图标的要求。

找到下面的截图，我想用谷歌素材图标替换关闭图标。

对话框截图

以下代码生成带有一些自定义消息的对话框。

confirm(data, dt): boolean {
    let confirmation = false;
    let message
    if (data.SelfOwner == true) {
      message = 'Delete this Dashboard?'
    }
    this.confirmationService.confirm({
      message: message,
      header: 'Confirm delete'
)}

添加谷歌素材图标的示例如下。

<span class="material-icons">
delete
</span>

但是对话框会自动使用它的默认 css 和 html 组件呈现。

为对话框生成代码

有人可以指导我如何用谷歌材料图标覆盖对话框的关闭图标。

提前致谢。

Answer 1

使用 p-dialog-titlebar-close css 类来更新关闭图标元素。

也许您必须在 style.scss 文件中进行更改。