0

ダイアログ パネルの閉じるアイコンを Google マテリアル アイコンに置き換える必要があるという要件に取り組んでいます。

次のスクリーンショットを見つけて、閉じるアイコンを Google マテリアル アイコンに置き換えます。

ダイアログボックスのスクリーンショット

次のコードは、いくつかのカスタム メッセージを含むダイアログを生成します。

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'
)}

次のようにGoogleマテリアルアイコンを追加する例。

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

ただし、ダイアログ ボックスは、デフォルトの css および html コンポーネントのように自動的にレンダリングされます。

ダイアログ ボックス用に生成されたコード

ダイアログの閉じるアイコンをGoogleマテリアルアイコンでオーバーライドする方法を教えてもらえますか。

前もって感謝します。

4

1 に答える 1

0

p-dialog-titlebar-close css クラスを使用して、閉じるアイコン要素を更新します。

おそらく、style.scss ファイルでその変更を行う必要があります。

于 2021-08-26T03:40:13.657 に答える