Ändern Bootstrap-4-Karussell-Steuerelement Farben

Ich bin mit einem weißen hintergrund für ein Karussell mit Bootstrap 4.0 und möchten, ändern Sie die Farbe der Bedienelemente. Es scheint, dass bootstrap verwendet jetzt die SVG für Ihre Karussell-Symbole. Dies bedeutet, dass die änderung der Attribute nicht funktionieren.

Ich bin derzeit mit Font Awesome für andere Elemente auf der Website als gut, so dass, wenn es einen Weg zum fa-Winkel und format diese statt, und es wird immer noch dasselbe Verhalten in Bezug auf Größe und-Formatierung, das könnte sein, eine effektive Lösung.

Hier ist mein Aktueller code für den Bedienelementen:

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

Fand ich eine ähnliche Frage hier aber war nicht in der Lage, den Sinn der Antwort gibt.

Fand ich auch diese Seite auf GitHub, aber war nicht in der Lage, um eine der Antworten gibt es Arbeit für mich.

Was ist der Unterschied zwischen fa-Winkel und der Standard-Bootstrap-Steuerelemente? Ich sehe da keinen wesentlichen Unterschied.
auch optisch ist es genauso, allerdings mit dem fa-chevrons ich könnte in der Theorie ändern Sie die Farbe direkt. Da bootstrap-Steuerelemente verwenden, SVG, konnte ich nicht ändern Sie die Farbe direkt mit css. Ich bin nicht sicher, ob es einen einfachen und zuverlässigen Weg, die zu ersetzen, die bootstrap-Steuerelemente mit den fa-Winkel zu verändern, ohne einige versteckte Verhalten, da ich nicht viel Erfahrung mit bootstrap.

InformationsquelleAutor Ben Kramer | 2018-03-20

Schreibe einen Kommentar