PrimeNG 组件中的自定义样式

【问题标题】：Custom style in PrimeNG componentPrimeNG 组件中的自定义样式
【发布时间】：2017-03-10 07:27:26
【问题描述】：

如何在这段 html 代码中添加一些自定义样式：

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

我会更改 .ui-menu{} 和其他内容。如何实现这个？

【问题讨论】：

【解决方案1】：

就我而言，我在资产文件夹中创建了一个名为 prime.css 的文件。使用以下代码：

.ui-menu{

}

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

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

【讨论】：

【解决方案2】：

我实现了类似这个属性的样式 -> [style]="{'width':'auto'}"

【讨论】：

【解决方案3】：

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

【讨论】：