如何為 Angular PrimeNg 組件添加自定義 css

Question

嗨，我在我的 Angular 項目中使用 PrimeNg 組件。 根據 PrimeNg 文檔和 Angular 文檔，我嘗試了 ':host::ng-deep'、':host-context()。 但沒有任何效果。

自定義 css 的 PrimeNg 文檔：在此處輸入鏈接描述

Angular 文檔：

在此處輸入鏈接描述

請建議我為 PrimeNg 組件添加自定義樣式的最佳方法。

Answer 1

分享一些您如何使用它的示例。 一般來說，

1. 檢查您的primeng組件並獲得您需要應用css的確切class
2. 示例：以下適用於所有工具提示文本。 如果某些特定的 Angular 組件需要它，則添加樣式 class ::ng-deep.ui-tooltip-text { font-size:12px; font-family: sans-serif; } ::ng-deep.ui-tooltip-text { font-size:12px; font-family: sans-serif; }