如何为 Angular PrimeNg 组件添加自定义 CSS

Question

您好，我在我的 Angular 项目中使用 PrimeNg 组件。根据 PrimeNg 文档和 Angular 文档，我尝试了 ':host ::ng-deep'、':host-context()。但没有任何效果。

用于自定义 css 的 PrimeNg 文档： enter link description here

角度文档：

enter link description here

请建议我为 PrimeNg 组件添加自定义样式的最佳方法。

Answer 1

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

1. 检查您的primeng组件并获得您需要应用css的确切类
2. 示例：以下适用于所有工具提示文本。如果某些特定的 Angular 组件需要它，则添加样式类 ::ng-deep .ui-tooltip-text { font-size:12px; font-family: sans-serif; }