PrimeNG组件中的自定义样式

Question

如何在此HTML代码中添加一些自定义样式：

 <p-tieredMenu #menu [model]="items" [popup]="true"></p-tieredMenu>

我想更改.ui-menu{}和其他内容。怎么实现这个？

Answer 1

在我的情况下，我在assets文件夹中创建了一个名为prime.css的文件。使用以下代码：

.ui-menu{

}

然后导入我的/src/styles.sass。

@import './assets/styles/prime.css';

Answer 2

我实现了这个属性的样式 - ＆gt; [style]="{'width':'auto'}"

Answer 3

您可以添加scss文件并将其包含在组件中，并在组件装饰器中提供视图封装：无。