如何设置基本页面以使 PrimeNg 全局主题样式正常工作

Question

情况：

我通过 Get started 成功地使用 PrimeNg 11 设置了我的 Angular 11 应用程序。我选择了深色主题“Vela Orange”，因此将 CSS 包含在 styles 中的 angular.json 中。 PrimeNg 组件的样式正确。涟漪和动画也有效。所以这部分工作得很好。

问题：

基本页面背景仍为白色，字体为黑色Times。看起来没有应用全局样式。我搜索了文档并用谷歌搜索了我需要放置的内容，以便获得全局的基本主题样式。我是否必须在我的 HTML“body”标签上放一些东西，或者是否有一个根组件设置为 PrimeNg 主题的全局舞台。

如何获得具有主题背景和字体集的非常基本的应用程序？ 我在这里想念什么？

Answer 1

尝试在全局 style.css 中导入 css。

@import url("../node_modules/primeicons/primeicons.css"); @import url("../node_modules/primeng/resources/themes/vela-orange/theme.css"); @import url("../node_modules/primeng/resources/primeng.min.css");