Die Headerfarbe von Angular2-Smart-Table kann nicht global in unserer Anwendung geändert werden ⇐ CSS

[Guest]

Code: Select all

angular2-smart-table > table > thead > tr.angular2-smart-titles {
background-image: linear-gradient(to right bottom, #da291c, #d43c30, #cd4b41, #c45750, #b9635e);
th {
word-break: break-all;
padding: 0.875rem 0.25rem !important;
}
th.angular2-smart-th > angular2-st-column-title > div > angular2-smart-table-title > a,span {
color: #fff !important;
text-decoration: none;
font-size: 12px;
font-family: Roboto, sans-serif;
}
th.angular2-smart-th > angular2-st-column-title > div > angular2-smart-table-title > a:hover {
color: #fff !important;
}
th.angular2-smart-actions {
color: #fff !important;
}
th.angular2-smart-th > angular2-st-column-title > div > angular2-smart-table-title > a.sort::after {
color: #fff !important;
}
th.angular2-smart-th > angular2-st-column-title > div > angular2-smart-table-title > a.sort.asc::after,a.sort.desc::after {
color: #fff !important;
border-bottom-color: #fff !important;
}
}

Code: Select all

Ich versuche, die Farbe der Tabellenüberschrift/-titel zu ändern. Ich habe vorher ng2-smart-table verwendet. Da wir die Angular-Version auf 18 ng2 aktualisieren, wird sie von der neuesten Angular-Version nicht unterstützt. Also sind wir zu Angular2-Smart-Table gewechselt. Und style.css von ng2 auf Angular2 geändert. Wir versuchen, ein Hintergrundbild auf den Titelabschnitt anzuwenden, aber es wurde nicht angewendet.
Versucht, die Datei „style.css“ zu ändern, hat nicht geholfen. Es funktioniert jedoch, wenn Sie es für jede Komponente anwenden