CSS 样式不适用于 PrimeNG 组件

Question

我的 Angular 项目需要帮助。

我正在使用 PrimeNG 库，但是当我使用它的组件时，元素上的内联 CSS 类不起作用。有人可以帮我吗？

• 
• 
• 
• 

如何解决？我按照网站上的说明进行操作，但不幸的是，它不起作用。

Answer 1

在 Angular 中，由于视图封装，您通常无法从其父组件中设置子组件的样式。

有以下几种可能性：

• 使用 global style.css/scss 文件。该文件中编写的所有样式都将应用于项目中的所有组件。
• 使用 ::ng-deep.类名。这将禁用此 css 规则的视图封装。它已被正式弃用，但 Angular 团队本身表示要使用它，直到有更好的替代方案。
• 在@Component装饰器中设置ViewEncapsulation.none，以禁用整个组件的封装。请记住，CSS 规则将应用于整个项目。