Remplacer les classes primeng css en Angular

Question

Le fait est que je veux remplacer les classes CSS de primeng et changer certaines couleurs. Peu importe comment je le fais ça ne change pas. Si change le ViewEncapsulation à aucun, le composant n'apparaît même pas. J'ai essayé quelque chose comme ceci:

.ui-chkbox-box.ui-state-active, .ui-radiobutton-box.ui-state-active { 
border: 1px solid red !important; 
    background: red !important; 
    color: #FFFFFF; 
} 

Essayer de surcharger les propriétés dans le composant CSS mais cela ne fonctionne toujours pas.

Je sais que d'autres personnes ont posé la même question mais aucune des réponses ne m'a aidé, donc je suis un peu désespérée.

Answer 1

Ajouter :: ng-profonde

::ng-deep .ui-chkbox-box.ui-state-active{...} 

Answer 2

j'ai ajouté les classes dans le fichier app.less et cela a fonctionné comme un charme. Le composant .css ne fonctionnait pas.