風格backgroundColor p-fileUpload primeNG

我使用應用程序angular 4和p-fileUpload組件工作。風格backgroundColor p-fileUpload primeNG

我想更改組件的背景顏色和標籤文本的顏色。

我嘗試改變風格的CSS文件，但它不工作

.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; 
}

但是在HTML生成的代碼爲：

<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>

什麼問題？這可能嗎？

非常感謝

來源

2017-10-17 lg0173

更好地添加HTML標記以及您的css代碼。 – Denish

span.ui-button不起作用 – lg0173

結帳這篇文章：https://stackoverflow.com/questions/46280708/override-primeng-css-classes-in-angular/46280815#46280815 – Vega

考慮將要在位於項目的根目錄，而不是組件CSS文件全球styles.css的文件覆蓋CSS。

來源

2017-10-17 13:32:48

風格backgroundColor p-fileUpload primeNG

回答

相關問題