Custom Style in PrimeNG Komponente

Question

Wie einiger benutzerdefinierten Stil in diesem HTML-Code hinzuzufügen:

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

Ich würde ein .ui-menu{} und etwas anderes ändern. Wie implementieren Sie das?

Answer 1

In meinem Fall erstelle ich eine Datei namens prime.css in meinem Ordner Assets. Mit dem folgenden Code:

.ui-menu{ 

} 

Und dann in meine /src/styles.sass importieren.

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

Answer 2

ich implementieren Stil wie dieses Attribut ->[style]="{'width':'auto'}"

Answer 3

Sie können eine SCSS Datei und schließen Sie sie in Ihrer Komponente hinzufügen und eine Ansicht Verkapselung geben: keine in der Komponente Dekorateur.