CSS样式不适用于PrimeNG组件

tktrz96b  于 2024-01-09  发布在  其他
关注(0)|答案(1)|浏览(131)

我需要帮助我的Angular项目。
我正在使用PrimeNG库,但是当我使用它的组件时,元素上的内联CSS类不起作用。有人可以帮助我吗?

我该如何解决它?我按照网站上的说明,但不幸的是,它不起作用。

inkz8wg9

inkz8wg91#

在Angular中,由于视图封装,你通常不能从它的父组件中样式化子组件。
有几种可能性:

  • 使用global style.css/scss文件。在此文件中编写的所有样式将应用于项目中的所有组件。
  • use**::ng-deep**.class-name。这将禁用此css-rule的view-encapsulation。它已被正式弃用,但angular团队自己表示在有更好的替代方案之前使用它。
  • 在@Component装饰器中设置ViewEncapsulation.none,以禁用整个组件的封装。请记住,css-rules将应用于整个项目。

相关问题