PrimeNG组件中的自定义样式

Question

How to add some custom style in this html code:

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

I would to change a .ui-menu{} and something else. How implement this?

Answer 1

In my case I create a file called prime.css in my assets folder. With the follow code:

.ui-menu{

}

And then import in my /src/styles.sass.

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

Answer 2

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

Answer 3

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