2017-10-17 2 views
0

Je travaille avec une application angulaire 4 et un composant p-fileUpload.Arrière-plan de styleColor p-fileUpload primNG

Je souhaite changer la couleur de fond du composant et la couleur du texte d'étiquette.

J'essaie de changer le style dans un fichier css, mais il ne fonctionne pas

.ui-button.ui-fileupload-choose.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left{ 
background-color: #3F51B5 !important; 
    border: 3px solid #3F51B5 !important; 
    color: #d30e0e !important; 
} 

Cependant, le code généré en html est:

<span class="ui-button ui-fileupload-choose ui-widget ui-state-default ui-corner-all ui-button-text-icon-left" ng-reflect-klass="ui-button ui-fileupload-choose" ng-reflect-ng-class="[object Object]"> 
      <span class="ui-button-icon-left fa fa-plus" ng-reflect-klass="ui-button-icon-left fa" ng-reflect-ng-class="[object Object]"></span> 

Qu'est-ce que le problème? Est-ce possible?

Merci beaucoup

+0

Mieux vaut ajouter du code HTML avec votre code CSS. – Denish

+0

span.ui-bouton ne fonctionne pas – lg0173

+0

vérifier ce poste: https://stackoverflow.com/questions/46280708/override-primeng-css-classes-in-angular/46280815#46280815 – Vega

Répondre

1

envisager d'ajouter le CSS que vous souhaitez remplacer dans le fichier styles.css global situé dans la racine de votre projet au lieu du fichier CSS du composant.