0
votes

Barre de progression de Bootstrap React-Bootstrap - Pouvez-vous changer la couleur de l'étiquette?

Je suis actuellement en train d'utiliser réacteur-bootstrap pour créer actuellement un Barre de progression . Assez facile, cela fonctionne: xxx

mais le texte de l'étiquette est blanc. J'ai référencé le lien ci-dessus et je recherche dans leurs courts documents, mais je n'ai pas pu trouver l'option. est-il possible de changer la couleur de l'étiquette?


1 commentaires

Par Documentation, la propriété (code> accepte un noeud , vous pouvez donc essayer d'envelopper votre texte dans une portée et un style qui s'étend avec couleur: blanc .


3 Réponses :


0
votes

Réagir des composants bootstrap permettent des variantes personnalisées, dans votre CSS, vous pouvez définir quelque chose comme xxx

, puis vous pouvez l'utiliser comme: xxx

Vous pouvez en savoir plus sur des variantes personnalisées ici.


0 commentaires

0
votes

Les suivants ont fonctionné pour moi. En plus de changer la couleur de la barre, je ne voulais pas avoir de rayon de frontière.

I Définissez les styles globaux suivants dans mon fichier de styles. xxx

et je n'ai rien changé avec le code. Oui, ça marche. xxx

 Entrez la description de l'image ici


0 commentaires

0
votes

Une solution facile la couleur dans CSS. Si vous inspectez l'élément, la couleur est définie sous

.bg-YOU_PICK_A_NAME{
  background-color: #123445!important;
}


0 commentaires