Changement De Bootstrap 4 Carrousel De Contrôle Des Couleurs

Je suis en utilisant un fond blanc pour un Carrousel à l'aide de Bootstrap 4.0 et souhaite changer la couleur des contrôles. Il semble que bootstrap utilise maintenant SVG pour leur carrousel des icônes. Cela signifie modifier les attributs directement ne fonctionne pas.

Je suis actuellement en utilisant la Police Génial pour d'autres éléments sur le site, donc si il y a un moyen d'utiliser de fa-les chevrons et le format de la place, et il faudra encore se comporter de la même concernant le redimensionnement et la mise en forme, qui pourrait être une solution efficace ainsi.

Voici mon code actuel pour les éléments de commande:

<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
</a>

J'ai trouvé une question similaire ici mais n'a pas été en mesure de donner un sens de la réponse qui y figurent.

J'ai aussi trouvé cette page sur GitHub, mais n'a pas été en mesure d'apporter les réponses il y a du travail pour moi.

  • Quelle est la différence entre fa-chevrons et le défaut de Bootstrap contrôles? Je ne vois pas de différence substantielle.
  • bien visuellement c'est la même chose, mais avec le fa-chevrons je pourrait, en théorie, changer la couleur directement. Depuis bootstrap contrôles de l'utilisation de SVG, je ne pouvais pas modifier la couleur directement à l'aide de css. Je ne suis pas sûr si il est un outil facile et fiable pour remplacer le bootstrap, avec des commandes de la fa-chevrons sans modification de certaines caché comportement, puisque je n'ai pas beaucoup d'expérience avec bootstrap.
InformationsquelleAutor Ben Kramer | 2018-03-20