2017-10-17 53 views
0

我使用应用程序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> 

什么问题? 这可能吗?

非常感谢

+0

更好地添加HTML标记以及您的css代码。 – Denish

+0

span.ui-button不起作用 – lg0173

+0

结帐这篇文章:https://stackoverflow.com/questions/46280708/override-primeng-css-classes-in-angular/46280815#46280815 – Vega

回答

1

考虑将要在位于项目的根目录,而不是组件CSS文件全球styles.css的文件覆盖CSS。