Ist es möglich, die Standardfarbe für den 'Erfolg' Knopf in react-bootstrap zu überschreiben?Wie überschreibt man die Farbe eines Reaktiv-Bootstrap-Buttons (bsStyle)?
Mein Code: <Label bsStyle='success'>{myNumber}</Label>
Die Standardeinstellung für den Erfolg Taste ist #5cb85c
Ich möchte der Knopf eine etwas andere, grün sein (#70bf41) den Rest meiner Anwendung anzupassen.
bsClass Stützen wird von <Label/> unterstützt. ->doc
So können Sie eine benutzerdefinierte CSS-Klasse übergeben und den Klassenstil verwenden, die gewünschte Farbe.
Ich benutze einen Pseudo-Code, um meine Bedeutung zu präsentieren.
<style>
.custom-color {
color: #70bf41;
}
</style>
// react component
<Label bsClass="custom-color">{myNumber}</Label>
Dies ändert die tatsächliche '.label' Klasse, die die normalen Beschriftungsstile entfernen würde. Wenn Sie die Label-Stile mit einer benutzerdefinierten Farbe erweitern müssen, wird die Property 'className' an das Element 'span' übergeben. –
Wenn Sie die Bootstrap-Farben der gesamten Anwendung außer Kraft setzen wollen, dann würde ich Laden in den Bootstrap-Stile als SCSS empfehlen, so dass Sie [die Variablen ändern] (https://github.com/twbs/ bootstrap-sass # usage) für jede Komponente vor dem Kompilieren zu CSS. –