样式backgroundColor p文件上传primeNG

Question

I work with a application angular 4 and p-fileUpload component.

I want to change the background-color of component and the color of label text.

I try to change the style in a css file but it doesn't work

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

However the generated code in html is:

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

What the problem ? Is it possible ?

Thanks a lot

Answer 1

考虑将要覆盖的CSS添加到位于项目根目录的global styles.css文件中，而不是组件CSS文件中。